WebKit和溢出：隐藏影响宽度

Question

我在Google Chrome / Webkit中遇到溢出和宽度问题。这是关于this question的后续问题，您可以在那里找到CSS。我需要visibility: hidden来解决第一个问题中的问题。

问题在下面的屏幕截图中可见。

为什么此属性会影响Webkit中的宽度？我可以解决这个没有讨厌的黑客？或者，我可以重新考虑右窗格的策略吗？

使用overflow: visible的主要div。 div应该伸展到右侧窗格。

使用overflow: hidden的主要div。右侧窗格现在影响主div的宽度。

Answer 1

这是由于“格式化上下文”：http://www.communitymx.com/content/article.cfm?cid=6BC9D

“浮点数不会相互重叠，浮动也不会与建立新块格式化上下文的元素重叠。”

如果使用overflow：hidden在主div中创建新的块格式化上下文，则不再需要水平边距。