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

我认为你刚刚使用花车？您可以通过触发hasLayout（缩放：1;）强制浮动并排坐在IE7中，但不能在IE8中，所以我使用表格显示属性而不是浮动并将IE7浮动版本与黑客一起提供或放入IE7属性在条件CSS

中

试试这个：

#MenuContainer {
  float: left !ie7;
  display: table-cell;
  min-width: 300px;
  background: #cfc;
}
#TableContainer {
  zoom: 1 !ie7;
  display: table-cell;
}

添加了jsfiddle

Answer 2

尝试设置：

{overflow-x:scroll}

在css的身上

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

2 个答案: