浮動元素會脫離文檔流。
-
瀏覽器按代碼順序渲染，當(dāng)浮動元素在浮動時遇到其它浮動元素會排在它的后面移剪，如圖：
浮動1
浮動2 -
其它普通塊級元素感知不到浮動元素的存在喜喂，會占用其位置瓤摧，這就可能導(dǎo)致覆蓋產(chǎn)生竿裂。但是塊級元素中的文字會環(huán)繞浮動元素周圍。
圖片標(biāo)題
不想后面的元素被浮動元素遮擋照弥，則可以用清除浮動clear屬性
clear屬性用于規(guī)定元素哪邊不允許出現(xiàn)浮動腻异。共有：left，right这揣，none,both,inherit五個值悔常。如對某元素設(shè)置了clear：left，則表示不允許該元素右邊有浮動元素给赞，只對該元素有效机打。
沒有清除浮動時
圖片標(biāo)題
清除浮動后
圖片標(biāo)題
