如何使浮动内容的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类风格。