关于清楚浮动的原理请教

同学你好， 首先， 我们要清楚， 使用after伪类，可以向父元素的最后添加一个子元素， 示例：

然后， 我们再来分析， 使after伪元素清除浮动的原理，  此时父容器必须考虑非浮动子元素的位置，而伪元素肯定是出现在浮动元素下方，所以要将伪元素显示出来，父容器就把所有子元素都包括进去了， 这样也就解决了子元素浮动带来父元素高度塌陷的影响。

1. content的作用是让伪元素显示出来， 这个是规定，使用伪元素的时候必须结合content属性一起使用

2. display属性是将修改为元素的显示状态， 因为默认伪元素行内元素，display属性为inline， 可以自行修改哦

3. 是的， 可以不写

如果帮助到了你， 欢迎采纳！

祝学习愉快~~~