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

有没有办法强制浏览器总是水平滚动？没有在任何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>

我希望能够使横向使用浏览器滚动条的页面滚动，火狐已经做了这个用，因为它是代码，但IE6， 7,8都强制“TableContainer”div中的内容进入菜单下方。

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

来源

2011-03-21 Dan Harris

我认为，而不是“总是水平滚动”，你试图问如何“保持所有”在一条线上，即使这样做需要水平滚动“。你能否在[JS Bin]（http://jsbin.com/）上粘贴输出HTML和伴随CSS的例子？ – thirtydot 2011-03-21 12:35:47

尝试设置这样的：

{overflow-x:scroll}

在身上的CSS

来源

2011-03-21 14:11:50

这使得页面的底部水平滚动，但您需要滚动到主体的底部才能看到滚动条 – 2011-03-21 16:11:27

我认为你刚才使用的是花车？你可以通过触发hasLayout（zoom：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

来源

2011-03-21 12:59:56 clairesuzy

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

回答

相关问题