Question

我有一个带容器的布局，然后在该容器内是内容的另一个div。我设置它，以便如果一个表大于容器，将有一个滚动条。

但是，很多表都很长，所以为了到达那个水平滚动条，你必须一直向下滚动到页面底部滚动到右边然后向上滚动到页面顶部看到的信息。

有没有办法让div的水平滚动条处于默认/主水平滚动条位置？

body    {
    height: 100%;
    width: 100%;
    background: #e8d7b5;
    margin:0px;
    padding:0px 0px 0px 0px;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    _text-align: center;
    overflow:hidden;
}
#bg {
    z-index: -999;
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

div {
    border:none;
}
a   {
    color:#000000;
}
a:hover {
    color: #B89626;
}
li  {
    list-style-image: url(Bullet.gif);
}
#container {
    position: relative;
    width: 97%;
    min-height: 700px;
    overflow: auto;
    *height: 700px;
    margin: 0px auto;
    _text-align: left;
    padding: 0px 7px 7px 7px;
    background: #ffffff;
    }

#content {
    width: 99%;
    overflow-x: auto;

}
.navigation {
    background: #003b5b;
    border:3px;
    padding: 10px 10px 0px;
    border-color: #011d2d;
    width:100%;
    height: 30px;
    }
.standardtab {
    background: #011D2D;
    padding-left: 3px;
    padding-right: 3px;
    height: 25px;
}
.nonstandardtab {
    background: #0D4664;
    padding-left: 3px;
    padding-right: 3px;
    height: 25px;
}

有我的CSS。我有一个容器，然后是我的内容div，它有水平滚动。我需要内容的滚动条作为主滚动条。

Answer 1

在容器上设置一个高度并溢出：隐藏;在主体上删除默认的主体滚动条。

Answer 2

为什么不将表的高度固定到页面/容器的高度并包括垂直滚动条。因此，您可以在屏幕上看到水平滚动条，而不是滚动到表格的底部，然后到达h滚动条。

不完全解决您的问题，但可能是另一种选择。

DIV水平滚动条是主要的水平滚动条

2 个答案: