當元素有浮動屬性時,會對其父元素或後面的元素產生影響,
會出現乙個布局錯亂的現象,可以通過清除浮動的方法來解決浮動的影響。
浮動的清理(clear):
值:none:預設值。允許兩邊都可以有浮動物件;
left:不允許左邊有浮動物件;
right:不允許右邊有浮動物件;
both:左右兩側不允許有浮動物件。
清除浮動的方法:
1.額外標籤法
這種方法應該是最簡單的一種了,w3c建議在容器的末尾增加乙個「clear:both"的元素
強迫容器適應它的高度以便裝下所有的float元素。
.clear
2.父元素新增overflow:hidden;
注:如果子元素使用了定位布局,就會很難實現。
3.利用偽物件after方法
定義乙個類,使用偽物件after,控制浮動元素的影響。
網上最流行的清除浮動**:
.clearfix:after
.clearfix /*解決ie6/7相容問題*/
css溢位的使用
設定物件的內容超過其指定高度及寬度時,如何管理內容。
overflow:visible【預設值,不剪下內容也不新增滾動條】
auto【在必需時,物件內容才會被剪下或新增滾動條】
hidden【不顯示超過物件尺寸的內容】
scroll【總是顯示滾動條】
zoom屬性:只有ie核心的瀏覽器支援,縮放比例。
設定或檢索物件的縮放比例。
語法:normal【預設值,使用物件的實際尺寸】;number【百分數|無符號浮點實數。浮點實數
為1.0或百分數為100%時相當於此屬性的normal值
zoom:1解決ie6高度自適應問題。
div css之清除浮動
當元素有浮動屬性時,會對其父元素或後面的元素產生影響,會出現乙個布局錯亂的現象,可以通過清除浮動的方法來解決浮動的影響。浮動的清理 clear 值 none 預設值。允許兩邊都可以有浮動物件 left 不允許左邊有浮動物件 right 不允許右邊有浮動物件 both 左右兩側不允許有浮動物件。清除浮...
div css之清除浮動
當元素有浮動屬性時,會對其父元素或後面的元素產生影響,會出現乙個布局錯亂的現象,可以通過清除浮動的方法來解決浮動的影響。浮動的清理 clear 值 none 預設值。允許兩邊都可以有浮動物件 left 不允許左邊有浮動物件 right 不允許右邊有浮動物件 both 左右兩側不允許有浮動物件。清除浮...
DIV CSS 清除浮動
div css 浮動效果是指,父元素在未定義高的情況下,由於子元素全部浮動脫離文字流,而造成父元素高的塌陷 ps 正常情況下,父元素的高是由子元素撐起來 或者因為部分子元素的而浮動,脫離文字流而造成其他元素的布局錯亂的情況。1 給未加浮動的子元素的css新增 clear both 若子元素都有浮動時...