|
清除浮動(dòng)
清除(clear)是浮動(dòng)(float)的相關(guān)屬性.一個(gè)設(shè)置了清除浮動(dòng)的元素不會(huì)如浮動(dòng)所設(shè)置的一樣，向上移動(dòng)到浮動(dòng)元素的邊界，而是會(huì)忽視浮動(dòng)向下移動(dòng)。如下，一圖頂千言。
上例中，側(cè)欄向右浮動(dòng)，并且短于主內(nèi)容區(qū)域。頁(yè)腳(footer)于是按浮動(dòng)所要求的向上跳到了可能的空間。要解決這個(gè)問題，可以在頁(yè)腳(footer)上清除浮動(dòng)，以使頁(yè)腳(footer)待在浮動(dòng)元素的下面。
#footer { clear: both; }
清除(clear)也有4個(gè)可能值。最常用的是 both，清楚左右兩邊的浮動(dòng)。left 和 right 只能清楚一個(gè)方向的浮動(dòng)。none 是默認(rèn)值，只在需要移除已指定的清除值時(shí)用到。inherit 應(yīng)該時(shí)第五個(gè)值，不過很奇怪的是 IE 不支持(這個(gè)不奇怪吧，IE 從來(lái)都這么特立獨(dú)行吧 －糖伴西紅柿注)。只清除左邊或右邊的浮動(dòng)，實(shí)際中很少見，不過絕對(duì)有他們的用處。
出處：前端觀察
責(zé)任編輯：bluehearts
上一頁(yè) 關(guān)于浮動(dòng)的前世今生 [2] 下一頁(yè) 關(guān)于浮動(dòng)的前世今生 [4]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 3 頁(yè) 關(guān)于浮動(dòng)的前世今生 [3]
