Question

这句div+css清除浮动是什么意思？怎么用？

<div class="clearfloat"></div>
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

Answer 1

当div浮动的时候，因为其内部元素各种问题，如定位，浮动等，导致这个div的高度丢失，会对右面同级的div或者其他元素造成位置干扰，如错位等bug。

所以在两个div之间加入清除浮动的div可以避免这个情况，清除浮动的div并不能帮前后的div解决失去高度的问题，但可以避免因为失去高度造成的容器间的错位。如果你理解了这句话，你就应该知道clearfloat放哪里了。

另外对清除浮动还有个方法就是设置overflow:hidden，但这个div不能设置高度值，这样容器会自动撑开，但不适用于内部元素均是相对定位的情况。

Answer 2

如果父div是float：left，而子div没有float就会产生父div没有高度问题，子div无法撑开父div，加入清除浮动，子div就可以撑开父div，不知你明白了么，没明白找我问下

追问

我想让父div随子div的高度自适应，这句应该放在哪里呢？

追答

父div的结束前

内容

Answer 3

html:
<div class="parentbox">
    <div class="leftbox">左部分</div>
    <div class="rightbox">右部分</div>
    <div class="clearfloat"></div>
</div>

css:
.leftbox,.rightbox{float:left}
.clearfloat{clear:both}