CSS常见的清除浮动方法

使用伪元素:after清除浮动

.parent {padding: 10px;background: red;}.parent:after{// 定义元素前后的生成内容，这里是定义元素后的空内容content: '';display: block;clear: both;}.child {float: left;margin-right: 10px;width: 50px;height: 50px;background: green;}

原理：原理同方法一有点类似，在元素最后定义一个空的内容，然后让该空的内容来清除浮动；

无需额外的标签，浏览器兼容性好，是目前用的最多的一种清除浮动的方法之一；