float和清除浮动的用法？

Question

经常使用float无从下手。但是整个布局不用float有很难保持方向性。有时清除浮动也无法消除浮动带来的影响。

Answer 1

浮动会使元素变成inline-block，浮动会脱离文档流导致父元素高度崩塌
.clearfix{clear:both;display:block;content:""}

Answer 2

你看看这篇文章，讲了不少浮动清理方法css清除浮动。

Answer 3

所以，最好的方法还是使用伪元素咯。