隐藏由特定div引起的水平滚动条

Question

我有下一个HTML：

<div id="container">
   <div id="content"></div>
</div>

容器div的宽度为1050像素，仅包含垂直重复的阴影背景。

内容div宽950px，位于容器div（水平）的中间，包含内容。

我需要什么 - 只有当浏览器窗口小于内容div时才会出现水平滚动条，但容器div不会导致滚动条出现。我该怎么做？

overflow-x：hidden不起作用。

THX

http://jsfiddle.net/98Eqf/1/

Answer 1

我建议使用媒体查询，检查浏览器是否为950px宽，然后显示滚动条。这将允许您在overflow-x:hidden;变大时使用overflow-x:scroll;，然后一旦变小，您就可以{{1}}并显示条形。

Answer 2

http://jsfiddle.net/hobobne/98Eqf/2/