/*css*/
<style>
div{ width: 100%;
margin: 10px;
height: 100px;
float: left;}
</style>
<!--html code-->
<div id="div1"></div>
<div id="div2"></div>
<p>求2个div的垂直距离?</p>
我相信这是一个很基础的问题,但我基础不稳,着了道。
这20px
我能否理解为由于2个div
使用了float:left
,脱离了文档流,所以一般的margin
在#div1
下外边距与#div2
的上外边距取较大值的情况已经不适用,2个div
的边距不会重合了。
这是 BFC 的特性,当元素设为浮动或者 overflow 为 hidden 的时候就成了 块级格式作用域,内部布局和外部互不影响,外边距也不合并了。
楼主是IE6下出的问题吧
了解一下bfc
什么鬼?都left了啊