float:左边的问题

Question

我有类似的东西:

<div id="div1">
<div style="float:left;width:100px;height:100px;"></div>
</div>

并且div1似乎具有0x0大小而不是100x100.为什么？

Answer 1

#div1不是自己浮动,所以它似乎不包含内部div.Floating从正常流中取出一个元素,因此#div1不再知道它的子元素.

要做到这一点,你需要浮动#div1,或者overflow: hidden让它包含它的内部div浮动(或使用clearfix).

@ Bogdan0x400:clearfix是一个你使用的标签除了清除浮动之外什么都不做.例如`<br style="clear:both" />`或`<div style ="clear:both"> </ div>` (3认同)