css浮動(dòng)代碼 css3父級(jí)和子級(jí)都浮動(dòng)了,那還用清除浮動(dòng)嗎?
css3父級(jí)和子級(jí)都浮動(dòng)了,那還用清除浮動(dòng)嗎?浮動(dòng)主要影響其他非浮動(dòng)元素的布局,所以父元素的浮動(dòng)必須清除,子元素也應(yīng)該清除,以免出現(xiàn)一些莫名其妙的現(xiàn)象。我們可以這樣理解:漂浮就像一座房子在地面上突然漂
css3父級(jí)和子級(jí)都浮動(dòng)了,那還用清除浮動(dòng)嗎?
浮動(dòng)主要影響其他非浮動(dòng)元素的布局,所以父元素的浮動(dòng)必須清除,子元素也應(yīng)該清除,以免出現(xiàn)一些莫名其妙的現(xiàn)象。我們可以這樣理解:漂浮就像一座房子在地面上突然漂浮在空中,這樣它原來(lái)在地面上占用的土地就會(huì)被其他新房子占用(這種情況是漂浮尚未清理的情況)。如果這個(gè)時(shí)候有一個(gè)硬性規(guī)定:這個(gè)房子的土地還是保留的,其他房子不能占,那么后面的其他房子就占了,不需要移動(dòng)位置,所有房子的整體布局也不會(huì)改變(這是清浮的情況)。
div css中的為什么要設(shè)置浮動(dòng)屬性,浮動(dòng)完了為什么又要清除浮動(dòng),那干脆開(kāi)始就別浮動(dòng)了?
如果不清除浮點(diǎn),將出現(xiàn)div重疊的問(wèn)題。例如,您創(chuàng)建的網(wǎng)頁(yè)頂部有一個(gè)頁(yè)眉?jí)K,中間有兩列內(nèi)容塊,底部有一個(gè)頁(yè)腳塊。在中間內(nèi)容塊中設(shè)置左浮動(dòng)時(shí),兩個(gè)塊的高度不一致。如果一個(gè)塊更高,則需要清除頁(yè)腳中的浮動(dòng)。如果不清除浮動(dòng),頁(yè)腳塊將與其中一個(gè)內(nèi)容重疊。請(qǐng)看這個(gè)數(shù)字。