为什么 Safari 4 / mac 不渲染此嵌套 div 中的顶部和底部边距?

2024-03-31

Safari 4 似乎会忽略元素边距,除非我添加边框。

以下示例呈现左右边距,但不呈现顶部或底部。

添加边框后,它会按预期呈现。我做错了什么还是我必须添加边框(albeit transparent ones)每个元素都有边距,只适用于 Safari?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>testing</title>
<style>
    body {background-color:#666;}
    div {display:block; position:relative; margin:0; padding:0;}
    .background {background-color:#990000;}
    .foreground {background-color:#fff; margin:10px; padding:10px;}
</style>
</head>
<body>
    <div class='background'>
        <div class='foreground'>
        foreground
        </div>
    </div>
</body>
</html>

这是一种正常的奇怪行为,称为保证金(已编辑,对不起,我是法国人)崩溃。 为了避免它添加overflow:auto;在容器上。

.background {background-color:#990000; overflow:auto;}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么 Safari 4 / mac 不渲染此嵌套 div 中的顶部和底部边距? 的相关文章

随机推荐