css#原生#清除浮动影响2(对父级元素的影响)

蓝色边框塌陷了，没被子元素撑起来

解决高度塌陷的方案：一种方法：
直接在高度塌陷的父元素的最后，添加一个空白的 div
这个 div 没有浮动，（他会跑到父元素的上面，还不能撑开父元素），然后对其清除浮动（他就会跑到子元素的下面），就可以撑开父元素了。

然后就清除浮动了。

这里可以用一个伪元素选择器：是伪元素，不是伪类
.float::after 指的是 子元素的最后一个元素。

这里插入了一个元素，清除了前面的浮动，使得父级塌陷有撑开了。

总结：
标准模板：

"box clearfix">
    
"main left">我设置了左浮动 float: left
    
"aside left">我是页脚，但是我也设置了左浮动。