清楚浮動造成的影響

2022-05-06 13:00:14 字數 654 閱讀 5215

清楚浮動的幾種方法~

html部分

css部分

.left 

.right

.clearfix

說明

這樣寫可以達到清楚浮動的效果,不過上訴辦法是在需要清除浮動的地方加個div.clear或者br.clear。

但是這種方法的最大缺陷就是改變了html結構,雖然只是加個div或br。

html部分

css部分(只變動clearfix部分)

.clearfix:after
說明

避免改變html結構。(ie5也能用!)

html部分同方法二。

css部分(只變動clearfix部分):

.clearfix
別人部落格裡看到說國外一篇文章裡寫的,親測,ok的!(ie5不能用。。。ie7及以上能用。)

html部分同方法二。

css部分(只變動clearfix部分):

.clearfix
這個也是別人提供的!親測,ok的!(ie5都能用!)

浮動的元素對其他元素造成的影響

以三個子元素浮動為例 father son1,son2,son3 son1 son2 son3 son1 son2 son3 1 三個子元素都不浮動 2 son1左浮動 3 son1右浮動 在這裡插入描述 4 son2左浮動 在這裡插入描述 右浮動 在這裡插入描述 左浮動 在這裡插入描述 右浮動 q...

CSS清楚浮動

浮動是乙個有意思 你也可以說它很麻煩 的css屬性,任何元素設定了浮動,層級就提高了,會影響它後面沒設定浮動的元素,這些倒霉的被影響者會跑到浮動層的下面去 當然ie6 ie7除外 看起來是這樣 因為設定了浮動的元素會提高層級,所以如果乙個平淡無奇的父級元素 沒有設定浮動或別的提高層級的屬性 居然包住...

關於清楚浮動

當元素有浮動屬性時,會對其父元素或後面的元素產生影響,會出現乙個布局錯亂的現象,可以通過清除浮動的方法來解決浮動的影響。浮動的清理 clear 值 none 預設值。允許兩邊都可以有浮動物件 left 不允許左邊有浮動物件 right 不允許右邊有浮動物件 both 左右兩側不允許有浮動物件。清除浮...