清除浮动
1、clear:both;
2、widh:100%(或固定高度); overflow:hidden(给父元素设置该属性);
分析清除浮动原理:
1、clear:
floats, position absolute, inline-block, table-cell和table-caption都不是块级样式,所以才会用到clear来控制浮动
虽然clear是旧的方式,但还是推荐用clear来做,有些情况会比overflow处理的要好
2、overflow
当在父级元素设置overflow时候,除了overflow的取值为visible,其他时候(auto, hidden或者scroll),都会对他的子元素块级格式化,从而起到清楚浮动效果。
参考
http://www.w3cfuns.com/article-5595751-1-1.html