这是最近面试被问到的一个问题。 上面一个DIV给一个向下的外边距,下面的DIV给一个向上的外边距,他们之间的距离不是编辑之和,而是取最大值。

<html>
<head>
<style type="text/css">
div{width:200px;height:60px;border:1px solid #000}
div.a {margin-bottom: 40px;}
div.b{margin-top:40px;}
</style>
</head>

<body>

<div class="a">这个div有指定的下外边距。</div>
<div class='b'>fffff</div>

</body>

</html>