陈梵的博客

当一个div嵌套了另一个div时，父盒子设置了外边距，如:margin-top:50px;内部的子盒子也设置一个外边距margin-top:100px时，会发现子元素并没有如预期所想，与父盒子有个边距。反而父盒子与相领的盒子的margin取了2者的最大值。如下所示： <div class="father"> <div class="son1"></div> <div class="son2"></div>

子元素设置浮动后，如果父元素没有给定高度，则会引起父元素的高度为0。 <div class="father"> <div class="son1"></div> <div class="son2"></div> </div> /* 子元素设置了浮动 */ .son1 { background-color: powderblue; float