给父级清浮动的常用的4种方法

元素浮动之后会脱离标准文档流，会对我们的布局造成影响。所以我们在使用浮动之后，一定要记着去清楚浮动

下面是常用的4种清除浮动的方法：
1、给父级设置overflow:hidden
2、给父级设置固定的宽度
3、给父级最后加一个块级标签（行内是无效的）然后给标签设置clear:both;
4、使用伪元素

• 和第三种方法大同小异的一种方法就是使用伪元素，设置内容为空字符串，display:block;然后clear:both就可以了

.father:after{  
    content:""; 
    display:block;
    clear:both;
}  

• 值得注意的是：应该在父级上添加伪元素，而不是在父级的最后一个子元素上。