为什么很多父容器有高度的浮动元素前后还有::before,::after?父容器有高度,除了浮动元素没用其他元素

css新手,最近看各种网页源代码,为什么很多父容器有设置高度,而里面的浮动元素前后还要设置有::before,::after?父容器有高度,容器内除了浮动元素没有其他元素,不需要清除浮动啊?
谢谢!

阅读 2.4k
2 个回答

贴一下代码吧,伪元素能起到很多元素本身一样的作用,不止是清除浮动。有时候元素前后的装饰线可以用伪元素来实现。

你看到的::before,::after也不一定就是用来清除浮动的,利用伪元素也可以实现很多酷炫的效果。

推荐问题