溢出：自动不显示水平滚动条

Question

我有一个有20列和1000行的gridview。网格位于<div>标记下。由于这么大的数字，div显示垂直滚动条，这很好，但它没有显示水平滚动条。

为div编写的css为;

.divCSS{
display:block;
position:relative;
width: auto;
height: 5em;
margin:0;
padding:5px;
background:inherit;
color:inherit;
overflow:auto;
}

整个<div>代码如下;

<div id="divGrid" align="left" style="border: solid 1px gray; width: 790px; height: 420px;" class="divCSS">

尽管溢出：auto，为什么我看不到水平滚动条？

Answer 1

如果您已修复并且已将溢出设置为自动，那么引用W3C：

  

'auto'值的行为取决于用户代理，但应该   导致为溢出的框提供滚动机制。

换句话说，您的滚动行为可能因浏览器而异。鉴于您已经定义了固定的高度和宽度，您的浏览器将包装您的文本，以便它不会影响相邻的元素，并做最小的，以确保它只支持可见的滚动机制显示，以便用户可以访问剪辑的内容

如果要查看水平滚动条，则需要包含无法包装并超出指定元素宽度的内容长度，例如图像或在其中一个包含的元素上指定white-space: nowrap（例如a段）。

请查看this example，了解其工作原理。

Answer 2

REmove

width: auto;
height: 5em;

来自你的divCSS课程

并且要滚动到apper，您需要的内容宽度超过790px且高度超过420px。

答案 2 :(得分：1)

指定div的宽度，并设置overflow-x:visible;

答案 3 :(得分：1)

试 { overflow-x:scroll; overflow-y:scroll; }

Answer 3

指定div的宽度，并设置overflow-x:visible;

Answer 4

试 { overflow-x:scroll; overflow-y:scroll; }