清除浮动的方式
- 在浮动元素的最后添加一个空的块级元素，并给他赋予
clear: both属性。 - 建立BFC
- 使用伪元素清除浮动（使用
::after）
伪类和伪元素 伪类是单冒号开头是选择器的一种，它用于选择处于特定状态的元素。如：
:hover伪元素以类似方式表现，不过表现得是像你往标记文本中加入全新的 HTML 元素一样，而不是向现有的元素上应用类。伪元素开头为双冒号::。
信息
使用伪元素实际上和建立一个空的块级元素是一样的。
所以我们使用::after时需要将元素设置为display: block否则不生效。