这个有3种方法,
1、在浮动后的元素的样式中添加:clear: both;
2、浮动的元素添加一个class伪类样式:
.clear-fix:after{
display: table; /*也可以写成display: block*/
content: "";
clear: both;
}
3、浮动的元素的父元素开启BFC。
注:开启BFC的条件,经常是使用 overflow:hidden 或者 display:flex 或者 display: inline-block 或者position: absolute .

本文介绍了三种常用的清除HTML元素浮动的方法:1. 在浮动后的元素样式中添加 clear:both; 2. 使用伪类 :after 创建不可见元素并清除浮动; 3. 通过开启BFC(块格式化上下文)如设置 overflow:hidden 来实现。这些技巧对于解决浮动导致的布局问题非常有效。
2321

被折叠的 条评论
为什么被折叠?



