WebKit 和溢出：隐藏影响宽度
我在 Google Chrome/Webkit 中遇到溢出和宽度问题。这是此问题的后续问题，在那里你会找到CSS。我需要有 visibility:hidden 来解决第一个问题中的问题。
该问题在下面的屏幕截图中可见。
为什么这个属性会影响Webkit中的宽度？我可以在没有令人讨厌的黑客攻击的情况下解决这个问题吗？或者我可以重新考虑右侧窗格的策略吗？
主 div 带有 overflow:visible。 div 被拉伸到右窗格，正如它应该的那样。
主 div 带有 overflow:hidden。右窗格现在影响主 div 的宽度。
I'm having a problem with overflow and width in Google Chrome/Webkit. This is a follow-up question on this question, there you will find the CSS. I need to have visibility: hidden to fix the problem in the first question.
The problem is visible in the screenshots below.
Why does this attribute affect the width in Webkit? Can I solve this without nasty hacks? Or can I re-think my strategy for the right pane?
Main div with overflow: visible. The div is stretched to the right pane, as it should be.
Main div with overflow: hidden. The right pane is now affecting the main div's width.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
这是由于“格式化上下文”： http://www.communitymx.com/content /article.cfm?cid=6BC9D
“浮动不会相互重叠，浮动也不会与建立新块格式化上下文的元素重叠。”
如果您使用溢出：隐藏在主 div 中创建新的块格式化上下文，则不再需要水平边距。
It's due to "formatting context" : http://www.communitymx.com/content/article.cfm?cid=6BC9D
"Floats don't overlap each other, and neither will a float overlap an element that establishes a new block formatting context."
If you use overflow: hidden to create a new block formatting context in the main div, you don't need the horizontal margins any more.