CSS:清除浮动float(的影响)的方法

1.额外标签法

        在浮动盒子的后面添加一个空盒子，<div style="clear:both;"> </div>

2.给浮动元素的父级元素添加 overflow:hidden;   (触发BFC，BFC可以清除浮动，这是解决方案) （ overflow:hidden|auto|scroll;都            可以实现）

3.after伪元素清除浮动

            

（图片来源于：https://www.bilibili.com/video/av15269197/?p=120）

4.双伪元素清除浮动