我有一个gridview，它有20列1000行。grid被放在<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">尽管给出了overflow：auto，为什么我看不到水平滚动条？
4条答案
按热度按时间50pmv0ei1#
给予div的宽度并设置
overflow-x:visible;sshcrbum2#
重新移动
从您的divCSS类
和滚动到apper你需要的内容宽度超过790px和高度超过420px。
kqlmhetl3#
尝试
{ overflow-x:scroll; overflow-y:scroll; }7vux5j2d4#
如果你有一个固定的宽度，并将
overflow设置为auto，那么引用W3C的话：“auto”值的行为依赖于用户代理，但应该为溢出的框提供滚动机制。
换句话说，您的滚动行为可能会因浏览器而异。如果您定义了固定的高度和宽度，您的浏览器将自动换行文本，以确保其不会影响相邻元素，并尽可能确保其仅支持可见的滚动机制，以便用户可以访问剪切的内容。
如果你想看到水平滚动条，你需要包含不能换行并且超过你指定元素宽度的内容长度，比如一个图像，或者通过在你包含的一个元素上指定
white-space: nowrap（比如一个段落）。请看this example以了解其工作原理。