css - WebKit 和溢出：隐藏影响宽度

Question

我在 Google Chrome/Webkit 中遇到溢出和宽度问题。这是这个问题的后续问题，在那里你会找到 CSS。我需要visibility: hidden解决第一个问题中的问题。

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

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

主 div 与overflow: visible. div 应该被拉伸到右窗格。

主 div 与overflow: hidden. 右窗格现在影响主 div 的宽度。

Answer 1

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

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

如果你使用溢出：隐藏在主 div 中创建一个新的块格式化上下文，你就不再需要水平边距了。