首頁  >  文章  >  web前端  >  css中clear:both與flaot:none的差別

css中clear:both與flaot:none的差別

黄舟
黄舟原創
2017-07-24 09:57:452002瀏覽

簡單的說:
1.clear:both是為了讓浮動的元素的前後元素不受浮動的影響.
2.float:none是為了讓子元素不要繼承父元素的浮動效果.

clear:both;是為了不讓浮動的內容影響別的標籤,所以要清除浮動
float:none;我用過幾次都是因為原先已經用過float:left;或float:right;但是由於是控制項或公用的樣式,如果改了會影響較大,就用float:none覆寫原先的樣式。
這麼說不知道能不能明白,最好有個實例。

對新手來說.用了float 就用 clear.

.C-lr{
clear:both;
height:0px;
width:auto;
font-size:0px;
line-height:0px;
visibility:hidden; 
border:0px;
}


再深入研究可以避免用 clear.

float:none ? 用它幹嘛?

兩者不一樣,float:none;選中元素不浮動;clear:both;選中元素周圍無浮動元素.

話說,clear:float;這是什麼啊?我沒見過。 。 。

clear有四個值:

none:允許左右兩邊有浮動物件;

both:不允許左右兩邊有浮動物件;

left :不允許左邊有浮動物件;

right:不允許右邊有浮動物件。

clear:left|right|both,清除浮動造成的影響,不是說清除浮動。

以上是css中clear:both與flaot:none的差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn