清除浮动的方法

1：给父盒子添加高度属性（height）
父盒子不能被浮动的子元素撑开高度。
添加高度虽然能够清除浮动带来的影响，但是他会对我们的页面产生不好的限制，也就是父盒子不能自适应内容的多少，不能随之变化高度。
2：给第二个盒子添加属性clear：both；
clear就是清除浮动的意思。clear的值有三个：left，right，both。
这个会导致垂直方向上的margin失效，原因是因为父盒子没有高度。
3：隔墙法：
（1）外墙法：
就是在两个互相影响的盒子中间添加一个div，给它添加样式clear：both；height属性。外墙法仍然是没有height属性的。
（2）内墙法：
把墙修到第一个盒子的内部，必须放在最后一个元素，内墙法是可以给盒子撑出高度的。
4：overflow：
给内部有浮动的元素的父盒子添加一个overflow：hidden；即溢出隐藏。
在CSS样式表中，尽量多多使用原子化的类，可以简化代码。