本篇文章给大家带来的内容是对于革除浮动和闭合浮动的介绍，有一定的参照 价值，有需要的伴侣可以参照 一下，但愿对你有所帮忙。

本篇文章给大家带来的内容是对于革除浮动和闭合浮动的介绍，有一定的参照 价值，有需要的伴侣可以参照 一下，但愿对你有所帮忙。

为何要革除浮动

• 子元素 float:left; 离开文档流,会造成父元素塌陷(撑不起来)

• 父元素 靠子元素撑起来

• 革除浮动 clear:both

革除浮动

    
        
    
    
        
    



// 伪元素 :after
.clear:after{
    clear:both;
    content:".";
    display:table;
    width:0;
    height:0;
    visibility:hidden;
}

• 闭合浮动 - 添加额外元素 clear:both

父级元素不设定 height

子元素 float:left

额外添加元素 clear:both

• 闭合浮动 -- 运用 br 和其本身的 html 属性

==注意== clear=all 不举荐运用的属性(moz)

• 闭合浮动 -- 父元素设定 overflow:hidden

• 闭合浮动 -- 父元素设定 display:table

以上就是革除浮动和闭合浮动的介绍的细致内容，更多请关注 百分百源码网 其它相干文章！