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 中创建一个新的块格式化上下文，你就不再需要水平边距了。