box之外添加一个盒子
out,其中ABC、out全部设置了浮动。现在他们长这样：
去掉out的浮动：
这是理所当然的。
给box添加一个伪元素
.box::after{
clear: both;
height:10px;
width:10px;
background:yellow;
display: block;
content: "";
}
现在外盒子
out的浮动影响被清除了，但是这不是因为
clear:both清除了浮动，而是因为
after伪元素本身的浮动影响清除了，它现在处于任何在它之前的浮动盒子的下面，这也使得
box的高度不再塌陷，所以
out现在只是处于
box下面，这是正常的文档流。## 结束
这是一个CSS的基础知识点，但是一直没有认真看过，这次整理了一下，如果有错误的话，请看到这篇小文的大佬们指正。
