html外边距合并,CSS 外边距合并问题

小鸡炖蘑菇炖小鸡

你好：外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并外边距合并(叠加)是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。例子：

* {

margin:0;

padding:0;

border:0;

}

#d1 {

width:100px;

height:100px;

margin-top:20px;

margin-bottom:20px;

background-color:red;

}

#d2 {

width:100px;

height:100px;

margin-top:10px;

background-color:blue;

}

请注意，两个 div 之间的外边距是 20px，而不是 30px(20px + 10px)。

详细地址：http://www.w3school.com.cn/css/css_margin_collapsing.asp望采纳！