如何清除浮動,當元素出現浮動以后,其他元素會受到影響,如圖:
本來1、2、3應該是垂直排列的,當1出現浮動后,2、3便網上頂了上來。
這種情況我們可以給受到影響的元素設置清除浮動來解決問題
clear來清除浮動,clear有left、right、both、none等幾個值,left是清除左浮動對他的影響,right是清除右浮動對他的影響,both是清除左右浮動對他影響大的那個浮動,none是不清除浮動。
如圖,給受影響的2清除浮動后,就正常了
現在box1左浮動,box2右浮動,box3清除左浮動顯示如下:
現在box1左浮動,box2右浮動,box3清除右浮動顯示如下:
如果設置box3清除浮動值未both,效果和claear:right一樣,因為右浮動對他影響較大。