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

Question

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

Answer 1

你的意思是清除 float ？你可以 overflow:hidden; zoom:1 如果包含 float 的元素还不是 float ，或者它已经没有以某种方式清除它们。

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