额外标签法: 在浮动元素的最后添加一个块级标签, 给其设置一个clear:both 的属性 (缺点:会在页面上产生很多空白标签);
给浮动元素的父元素设置高度:(缺点:不太灵活);
给浮动元素的父元素设置 overflow:hidden;
使用伪元素法:(推荐使用)
.clear:after{
content:'';
display:block;
overflow:hidden;
visibility:hidden;
clear:both;
}
额外标签法: 在浮动元素的最后添加一个块级标签, 给其设置一个clear:both 的属性 (缺点:会在页面上产生很多空白标签);
给浮动元素的父元素设置高度:(缺点:不太灵活);
给浮动元素的父元素设置 overflow:hidden;
使用伪元素法:(推荐使用)
.clear:after{
content:'';
display:block;
overflow:hidden;
visibility:hidden;
clear:both;
}
本文标题:清除浮动有哪些常用的方式?
本文链接:https://www.haomeiwen.com/subject/crhqxltx.html
网友评论