為什么要清除浮動呢？因為不清除浮動的話，再布局的元素就會在浮動元素的下方。如果把要布局的元素給他添加一個清除浮動的屬性的話，就代表著新布局的這個元素上邊不允許出現對應模式的浮動元素，因此他就會按照流式布局繼續進行往下布局。而不會被對應類型的元素蓋住。
清除左邊：clear：left
清除右邊：clear：right
清除左邊和右邊：clear：both
浮動帶來的負面影響：如果子元素浮起來后，那么子元素就不會撐起來父元素了。這將導致父元素內部不包含內容。
浮動帶來的負面影響
清除浮動負面影響的是那種方式：
1.添加空盒子，與浮動元素并列的最后一個位置添加一個空盒子并且清除掉浮動就可以了。
添加空盒子清除浮動
2.往父級元素上添加如下代碼，添加如下代碼即可。
3.往父級元素上添加如下類即可
.clear:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
