css浮動中避免包含元素高度為0的4種解決方法

問題：當子元素中使用了

float

時，如果其父元素不指定高度，其高度將為

0解決：清除（閉合）浮動元素，使其父

div高度自適應

方法一：額外標籤

+clear:both     

（w3c

推薦方法，相容性較好）

在父div

的最後插入乙個無語義的額外標籤，使其

style

為clear:both。如：

或：方法二：使用

after

偽類（相容性一般）

使用偽類在父

div的末尾新增新的內容（如乙個點），來清除浮動。如：#

父div:after

方法三：overflow:hidden|auto      

（可能會有負面影響，使用時多測試）

設定父div

的overflow

為hidden

或auto

。方法四：浮動父

div                    

（ie/win

、標準瀏覽器中較好，不推薦）

讓父div

也浮動，因為浮動元素會閉合浮動元素。

css浮動中避免包含元素高度為0的4種解決方法

當乙個元素只包含浮動元素的時候，它會出現高度摺疊，即元素的上下底邊重合，和高度為0效果一樣，針對這個問題與大家分享四種解決方法，感興趣的你可以參考下本文或許對你更好的理解css有所幫助 當乙個元素只包含浮動元素的時候，它會出現高度摺疊 在火狐中是這樣，ie9不會 即元素的上下底邊重合，和高度為0效果...

css浮動中避免包含元素高度為0的4種解決方法

問題 當子元素中使用了float時，如果其父元素不指定高度，其高度將為0 解決 清除 閉合 浮動元素，使其父div高度自適應 方法一 額外標籤 clear both w3c推薦方法，相容性較好 在父div的最後插入乙個無語義的額外標籤，使其style為clear both。如 或 方法二 使用aft...

css浮動中避免包含元素高度為0的4種解決方法

當乙個元素只包含浮動元素的時候，它會出現高度摺疊 在火狐中是這樣，ie9不會 即元素的上下底邊重合，和高度為0效果一樣，下面是解決這個問題的4種方法。首先我麼看最原始的情況，下面是 複製 如下 float 執行結果 本來ul的背景色被設定成blue，但是由於它出現了高度摺疊，所以看不到背景色。1 給...