css - 强制浏览器始终水平滚动？

Question

有没有办法强制浏览器始终水平滚动？没有在任何 div 上设置固定宽度？

我这样做是为了让相关的 Div(包含一个表格)滚动:

overflow-x:auto;

但我需要使用浏览器滚动条，而不是 div 本身的滚动条。

页面代码看起来类似于:

<div id="content">
<div id="MenuContainer">
 .....various divs for menu
</div>
<div id="TableContainer">
...ASP Gridview that renders a table
</div>
</div>

我希望能够使用浏览器的滚动条使页面水平滚动，Firefox 已经使用代码原样执行此操作，但 IE6、7、8 都强制“TableContainer”div 中的内容位于下方菜单。

菜单和表格容器都向左浮动。

Answer 1

尝试这样设置:

{overflow-x:scroll}

在CSS主体上