獲取CSS背景以覆蓋衆多div

Question

此刻，我有兩個div標籤設置爲「float：left;」我想爲背景顏色應用兩種顏色，但每種顏色的尺寸都會因內容而異。 我曾嘗試添加額外的div，只是應用背景顏色，但沒有高度？ 這是我的測試頁面：http://joshblease.co.uk/wp-content/themes/rounded/test.php

謝謝，喬希。

Answer 1

哦，我明白了。你想讓背景成爲圍繞浮動div的極端框？

父母div默認情況下不會展開以包含浮動的子項。有幾個解決方法：

• 設置父div有overflow: hidden或overflow: auto。
• 在父項（#back）之後添加一個空元素，並將其設置爲clear: both。
• 使用CSS來自動完成上述：

#back:after { 
    content: "."; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both; 
} 

任何這些應該爲你工作。

Answer 2

以下方法避免了某些情況下overflow方法可能存在的一些問題。這個CSS根據我對你的測試頁面標記的理解使用你的div ID。

#back { 
    *zoom: 1; 
} 
#back:after { 
    content: ""; 
    display: table; 
    clear: both; 
} 

如果您想要搜索和閱讀更多內容，這稱爲「清除浮動」或「clearfix」。