css浮動(dòng)屬性float詳解-文庫吧
2025-06-09 18:37 本頁面
【正文】 片上使用浮動(dòng)，當(dāng)調(diào)整圖片大小的時(shí)候，盒子里面的文字也將自動(dòng)調(diào)整位置：同樣的布局可以通過在外容器使用相對(duì)定位，然后在頭像上使用絕對(duì)定位來實(shí)現(xiàn)。這種方式中，文本不會(huì)受頭像圖片大小的影響，不會(huì)隨頭像圖片的大小而有相應(yīng)變化。清除浮動(dòng)清除(clear)是浮動(dòng)(float)，向上移動(dòng)到浮動(dòng)元素的邊界，而是會(huì)忽視浮動(dòng)向下移動(dòng)。如下，一圖頂千言。上例中，側(cè)欄向右浮動(dòng)，并且短于主內(nèi)容區(qū)域。頁腳(footer)于是按浮動(dòng)所要求的向上跳到了可能的空間。要解決這個(gè)問題，可以在頁腳(footer)上清除浮動(dòng)，以使頁腳(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 從來都這么特立獨(dú)行吧 －糖伴西紅柿注)。只清除左邊或右邊的浮動(dòng)，實(shí)際中很少見，不過絕對(duì)有他們的用處。偉大的塌陷使用浮動(dòng)(float)的一個(gè)比較疑惑的事情是他們?cè)趺从绊懓麄兊母冈氐摹Ｈ绻冈刂话?dòng)元素，那么它的高度就會(huì)塌縮為零。如果父元素不包含任何的可見背景，這個(gè)問題會(huì)很難被注意到
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1