清除浮动

 清除浮动

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

原文地址:https://www.cnblogs.com/hemi/p/4286941.html