被浮动的元素
被浮动的元素
.clear {
clear: both;
}“`
3. 使用 :after 伪元素清除浮动
在父元素内部使用 `:after` 伪元素,在 CSS 中设置 `clear` 属性,即可清除浮动。这种方法不需要额外的 HTML 元素,同时支持所有浏览器。
“`html被浮动的元素
被浮动的元素
.parent:after {
content:””;
display:block;
clear:both;
}“`
以上是 CSS 清除浮动的 3 种方法,根据不同场景选择合适的方式可以使网页设计更加美观。