css浮動屬性float詳解-閱讀頁
2025-07-09 18:37本頁面
【正文】 用了一個聰明的 css 偽選擇符(:after)來清除浮動。這個類使用如下 css: content: .。 visibility: hidden。 display: block。 height: 0。 clear: both。這不是全部內(nèi)容，還需要一些額外的代碼來適應(yīng)那些老舊的瀏覽器。以一個具有不同樣式塊的網(wǎng)格為例。如果每個顏色組都有一個父元素的話，我們可以使用 overflow 或者 簡單清除方法。額外的 div 之前并不存在，可以自己試試來看看哪個方法好。大多數(shù)的脆弱性來自于 IE6 及其一系列的浮動相關(guān) bug。不過對于那些要關(guān)注的人來說，這里有些大概。 推倒是浮動元素內(nèi)的元素（大多是圖片）比浮動元素本身寬造成的現(xiàn)象。IE 會擴(kuò)展浮動來包含圖片，精彩大幅度地影響布局?？焖傩拚捍_保不是圖片造成這種情況，使用 overflow:hidden 來切除多余的部分。 雙倍邊距bug處理 IE6 時，另一個需要記住的事情是，如果在和浮動方向相同的方向上設(shè)置外邊距(margin)，會引發(fā)雙倍邊距。 而且不用擔(dān)心，它依然是塊級元素。 3像素間距是指挨著浮動元素的文本會神奇的被踢出去3像素，好像浮動元素的周圍有一個奇怪的力場一樣?？焖傩拚河酶冈氐牡變?nèi)補(bǔ)白(padding
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1