css - 是否可以在不影响溢出的情况下定位或 float 元素？

Question

我正在开发一个网站设计，其中主要内容区域通过 margin: auto 居中并具有固定宽度。

我想将另一个元素稍微放置在这个固定宽度之外(在我的例子中，在右侧)，而不影响中心内容区域的溢出滚动。

也许用一个例子可以更好地解释这一点:http://jsfiddle.net/rxje6/

在此示例中，尝试缩小右下 Pane ，并注意在橙色消失后底部滚动条如何立即出现。尽管这是默认行为，但这不是我想要的。我更喜欢滚动条仅在灰色区域被遮挡并且橙色区域隐藏在 View 之外时才出现。

我尝试过绝对定位，但滚动条仍然出现。在主导航 div 上使用 overflow:hidden 是可行的，但只是简单地砍掉溢出的橙色。

非常感谢任何帮助!

附注Stackoverflow 的标签助手目前似乎已关闭，因此我暂时将其放在 css 下，因为我想不出其他任何标签助手。

Answer 1

一种方法是将所有内容包装在一个新的 div 中:

#container {
    overflow-x: hidden;
    min-width: 400px
}

参见: http://jsfiddle.net/thirtydot/rxje6/1/