清除浮动业界常用的方法

竖直方向上相接触的margin-top/bottom会塌陷,若二者均为正/负值,取其绝对值大者;

若二者中有一为负值,取二者之和;

清楚浮动使用clear:left/right/both,业界常用的.clearfix也是这么做的,只不过是把该样式写进了父元素的:after伪元素中,并加了opacity: 0; display: block; height: 0; visible: hidden;等使伪元素不可见。

不清除浮动但包围浮动元素的方法有为浮动元素之父元素添加overflow: hidden;

或将父元素也浮动起来等使父元素形成BFC的方式,但这些方法在应用上没有.clearfix这种方式理想。

posted @ 2016-08-08 11:04  huerge  阅读(120)  评论(0)    收藏  举报