是否可以在不影响溢出的情况下定位或浮动元素?

时间:2011-08-23 22:54:44

标签: css

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

我想将另一个元素稍微放在这个​​固定宽度之外(在我的情况下向右移动),而不会影响中心内容区域的溢出滚动。

或许可以通过示例更好地解释:http://jsfiddle.net/rxje6/

在此示例中,尝试缩小右下方窗格并注意橙色视图离开后底部滚动条的显示方式。虽然这是默认行为,但这不是我想要的。我更喜欢滚动条仅在灰色区域被遮挡并且橙色被隐藏在视野之外时才会出现。

我尝试过绝对定位,但滚动条仍然出现。在主导航div上使用overflow: hidden可以正常工作,但只需切掉溢出的橙色。

非常感谢任何帮助!

P.S。 Stackoverflow的标记帮助程序目前似乎已经关闭了,所以我暂时把它放在 css 之下,因为我想不出任何其他人。

1 个答案:

答案 0 :(得分:5)

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

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

请参阅: http://jsfiddle.net/thirtydot/rxje6/1/