清除浮动

 清除浮动

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