清除浮动的三种方法

第一种方法

在父元素里面填加一个元素，根据不同的情况应用clear:left或者clear:right以及clear:both。
举个例子：

例子1
点击查看

第二种方法

父级div定义 overflow: auto
举个例子：

例子2
点击查看

第三种方法

使用伪类的after方法
在HTML里面添加伪类clearfix
然后在CSS里面添加.clearfix::after即可

例子3
点击查看