14
2020
12

请解释一下为什么需要清浮动?清浮动的方式

清浮动是为了清除使用浮动元素产生的影响。浮动的元素,高度会塌陷,而高度的塌陷使页面后面的布局不能正常显示


父级div定义height

在浮动元素后面添加class为clear的空div元素,给这个div设置样式.clear{clear:both}

给父容器添加overflow:hidden或者auto样式

给父容器添加clearfix的class,用伪类clearfix:after;来这个样式。清除浮动

.clearfix{

    zoom:1;

}

.clear:after{

    content:'.';

    height:0;

    clear:both;

    display:block;

    visibility:hidden;

}

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。