偉大的塌陷
使用浮動(float)的一個比較疑惑的事情是他們怎么影響包含他們的父元素的。如果父元素只包含浮動元素,那么它的高度就會塌縮為零。如果父元素不包含任何的可見背景,這個問題會很難被注意到,但是這是一個很重要的問題。
塌陷的直觀對立面更不好,看看下面的情況:
當(dāng)上面的塊級元素自動擴展以適應(yīng)浮動元素時,段落間的文本流中會出現(xiàn)非自然的空白換行,而且沒有有效的方法來修正這個問題。對于這種情況,設(shè)計師的抱怨會更甚于對塌陷的抱怨(沒理解,不是設(shè)計完成之后才會進行頁面編碼嗎?- 糖伴西紅柿)。
為了防止怪異的布局和跨瀏覽器的問題,塌陷問題幾乎總是被要處理的。我們在容器中的浮動元素之后,容器結(jié)束之前來清除浮動。
出處:前端觀察
責(zé)任編輯:bluehearts
上一頁 關(guān)于浮動的前世今生 [3] 下一頁 關(guān)于浮動的前世今生 [5]
◎進入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。
|