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

Question

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

Answer 1

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

Answer 2

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