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。如 或 方法...

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

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