為什么要清除浮動呢？因?yàn)椴磺宄拥脑?，再布局的元素就會在浮動元素的下方。如果把要布局的元素給他添加一個清除浮動的屬性的話，就代表著新布局的這個元素上邊不允許出現(xiàn)對應(yīng)模式的浮動元素，因此他就會按照流式布局繼續(xù)進(jìn)行往下布局。而不會被對應(yīng)類型的元素蓋住。

清除左邊：clear：left

清除右邊：clear：right

清除左邊和右邊：clear：both

浮動帶來的負(fù)面影響：如果子元素浮起來后，那么子元素就不會撐起來父元素了。這將導(dǎo)致父元素內(nèi)部不包含內(nèi)容。

浮動帶來的負(fù)面影響

清除浮動負(fù)面影響的是那種方式：

1.添加空盒子，與浮動元素并列的最后一個位置添加一個空盒子并且清除掉浮動就可以了。

添加空盒子清除浮動

2.往父級元素上添加如下代碼，添加如下代碼即可。

3.往父級元素上添加如下類即可

.clear:after{display:block;clear:both;content:".";visibility:hidden;height:0;}