css浮動(dòng)屬性float詳解(編輯修改稿)
2025-07-21 18:37 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 ，但是這是一個(gè)很重要的問(wèn)題。塌陷的直觀對(duì)立面更不好，看看下面的情況：當(dāng)上面的塊級(jí)元素自動(dòng)擴(kuò)展以適應(yīng)浮動(dòng)元素時(shí)，段落間的文本流中會(huì)出現(xiàn)非自然的空白換行，而且沒(méi)有有效的方法來(lái)修正這個(gè)問(wèn)題。對(duì)于這種情況，設(shè)計(jì)師的抱怨會(huì)更甚于對(duì)塌陷的抱怨（沒(méi)理解，不是設(shè)計(jì)完成之后才會(huì)進(jìn)行頁(yè)面編碼嗎？－ 糖伴西紅柿）。為了防止怪異的布局和跨瀏覽器的問(wèn)題，塌陷問(wèn)題幾乎總是被要處理的。我們?cè)谌萜髦械母?dòng)元素之后，容器結(jié)束之前來(lái)清除浮動(dòng)。清除浮動(dòng)的技術(shù)如果你很明確的知道接下來(lái)的元素會(huì)是什么，可以使用 clear:both。 來(lái)清除浮動(dòng)。這個(gè)方法很不錯(cuò)，它不需要 hack，不添加額外的元素也使得它有良好的語(yǔ)義性。當(dāng)然事情并不是都可以這樣解決的，工具箱中還是需要另外幾個(gè)清除浮動(dòng)的工具。 空div方法從字面來(lái)看，是一個(gè)空的 div。有時(shí)可能會(huì)用或者一些其他元素，但是 div 是最常用的，因?yàn)樗鼪](méi)有瀏覽器默認(rèn)樣式；沒(méi)有特殊功能，而且一般不會(huì)被 css 樣式化。這個(gè)方法因?yàn)橹皇菫榱吮憩F(xiàn)，對(duì)頁(yè)面沒(méi)有上下文涵義而被純語(yǔ)義論者嘲笑。誠(chéng)然，從嚴(yán)格的角度來(lái)說(shuō)他們是對(duì)的，但是這個(gè)方法有效而且沒(méi)有任何傷害。 overflow 方法在父元素上設(shè)置 overflow 這個(gè) css 屬性。如果父元素的這個(gè)屬性設(shè)置為 auto 或者 hidden，父元素就會(huì)擴(kuò)展以包含
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1