如何使用浮動內容擴展div

Question

我想設計一個可擴展的div ，它應該根據里面的內容進行擴展。 內容有兩個div ，左邊浮動，每個都有固定的寬度。 這些div本身可以根據其文本內容進行擴展。 最后他們是父div中的div這些div意味着兩個浮動兩個浮點數。 然而，父div不會擴展以包含子div ，盡管我認為它應該，因為所有元素都是相對定位的，而不是絕對定位的。 我怎樣才能實現擴張？ 小提琴是在http://jsfiddle.net/Cupidvogel/y79NS/1/ 。

Answer 1

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

Answer 2

添加float：left到你的主div“.main”（並且這樣做你不需要clear：兩個div，因為所有元素現在都浮動）

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

你仍然可以使用clear：你的示例中的兩個屬性，這樣你就不需要將float：left添加到主div，但是你有一個明確的div在錯誤的地方。 這應該放在浮動右div內，或者你可以刪除.clear div並使用“：after”來清除div：

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

這里有一個鏈接可以解釋為什么會這樣。