怎样清除html元素的浮动

2025-05-04 15:03:30

1、首先,我们制作一个简单的html页面。父级元素是div,内部元素,是两个ul,两个ul分别是左浮动。并且为父级元素添加边框。

怎样清除html元素的浮动

3、清除浮动,顾名思义就是clear:both,这的确是一种方法,但是要确定我们的clear:both是应用在哪里。

怎样清除html元素的浮动

5、我们棵褶佐峨还可以为浮动的元素的父级元素添加伪类,*::after{content""; display:block; clear:both},这样将会使得浮动止于此

怎样清除html元素的浮动

7、以上三种方法是小渔自己通过亲身经历,总结而来的哦。正确的页面显示效果如图所示

怎样清除html元素的浮动
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢