Div水平折叠到最宽的内部元素的宽度

Question

我遇到了在CSS中折叠div的问题！但不是正常的问题。那太简单了。我有一个左浮动div，其中包含两个左浮动div。左浮动div的第一个包含文本。如果第二个内部浮动div的样式为空，则一切正常，外部div包含文本和两个内部div。我需要做的是将第二个div的宽度设置为10px。当我这样做时，外部div立即折叠到10px，压缩文本div。什么！？我能够找到一些现有的这种行为的参考，但没有全面的关于它是什么，现在解决它。

Answer 1

你打算清除漂浮物吗？如果包含浮点数的元素不是浮点数，或者它已经不以某种方式清除它们，你可以overflow:hidden; zoom:1。

如果你jsfiddle.net它会有所帮助。