css浮動屬性float詳解-在線瀏覽
2024-08-04 18:37本頁面
【正文】 。例如頁面中的這個小區(qū)域。這種方式中，文本不會受頭像圖片大小的影響，不會隨頭像圖片的大小而有相應(yīng)變化。如下，一圖頂千言。頁腳(footer)于是按浮動所要求的向上跳到了可能的空間。footer { clear: both。最常用的是 both，清楚左右兩邊的浮動。none 是默認值，只在需要移除已指定的清除值時用到。只清除左邊或右邊的浮動，實際中很少見，不過絕對有他們的用處。如果父元素只包含浮動元素，那么它的高度就會塌縮為零。塌陷的直觀對立面更不好，看看下面的情況：當上面的塊級元素自動擴展以適應(yīng)浮動元素時，段落間的文本流中會出現(xiàn)非自然的空白換行，而且沒有有效的方法來修正這個問題。為了防止怪異的布局和跨瀏覽器的問題，塌陷問題幾乎總是被要處理的。清除浮動的技術(shù)如果你很明確的知道接下來的元素會是什么，可以使用 clear:both。這個方法很不錯，它不需要 hack，不添加額外的元素也使得它有良好的語義性。這個方法因為只是為了表現(xiàn)，對頁面沒有上下文涵義而被純語義論者嘲笑。如果父元素的這個屬性設(shè)置為 auto 或者 hidden，父元素就會擴展以包含浮動。但是，如果需要增加一個新的 div 來使用這個方法，其實就和空 div 方法一樣沒有語義了。要小心不要覆蓋住內(nèi)容或者觸發(fā)了不需要的滾動條。 簡單清除方法使
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1