如何使浮動內容的div可擴展

Question

我想設計一個可擴展的div，它應該根據內部內容進行擴展。內容有兩個div s，左側浮動，每個寬度固定。這些div本身可以根據其文本內容進行擴展。最後他們是在div父divdiv這是div意味着兩個明確的兩個浮游物。然而父母div不會擴展到包含孩子div，雖然我認爲它應該，因爲所有元素都相對定位，而不是絕對定位。我怎樣才能實現擴張？小提琴在http://jsfiddle.net/Cupidvogel/y79NS/1/。

Answer 1

加浮動：左到主格「主要」（和這樣做，你將不再需要明確：兩格了，因爲所有的元素現在浮動）

http://jsfiddle.net/y79NS/4/

你可以仍然使用clear：這兩個屬性就像你在你的例子中一樣，這樣你就不需要添加float：left到主div，但是你在錯誤的地方有明確的div。這應該是放在右浮動DIV中，alternativly可以去除.clear股利和使用「：在」清除的div：

http://jsfiddle.net/y79NS/5/

，這裏是一個link這將解釋爲什麼這個工程。

Answer 2

如果我明白你可以嘗試添加overflow: hidden;到.main類風格。