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

Question

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

我想在不影响中心内容区域的溢出滚动的情况下，将另一个元素稍微超出此固定宽度(在我的例子中偏向右侧)。

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

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

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

非常感谢任何帮助!

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

Answer 1

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

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

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