在進(jìn)行網(wǎng)頁(yè)排版時(shí),有時(shí)會(huì)出現(xiàn)元素重疊的現(xiàn)象,這時(shí)候可以使用 CSS 的 clear 屬性來解決。在 Microsoft 的瀏覽器中,有一個(gè) ms-clear 屬性與 clear 屬性類似,但僅針對(duì)特定的元素起作用。
例: div { ms-clear: both; }
上述代碼表示清除 div 元素左右兩側(cè)的浮動(dòng)元素,使得該元素能夠獨(dú)占一行。同樣地,也可以使用 clear 屬性來實(shí)現(xiàn)類似的效果。
例: div { clear: both; }
需要注意的是,IE8 及以下版本的瀏覽器不支持 ms-clear 屬性。
總之,在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí),清除浮動(dòng)元素是非常重要的一環(huán),它可以避免元素重疊導(dǎo)致排版錯(cuò)誤的問題。而 clear 和 ms-clear 這兩個(gè)屬性都可以幫助我們快速解決此類問題。