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

我有一个gridview有大约20列和1000行。网格放置在<div>标记下。由于如此大的数字，div显示垂直滚动条，这很好，但它不显示水平滚动条。溢出：auto不显示水平滚动条

为div编写的CSS是as;

.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">

尽管给溢出：汽车，为什么我没有看到一个水平滚动条？

来源

2011-09-08 Romil N

也许如果你给网格视图的宽度大于790像素... – BoltClock

不要忘记标记答案为接受，如果你有你想要的信息 –

如果你有一个固定的，并且已经设置你的溢出自动然后，引述W3C：

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

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

如果您想要查看水平滚动条，您需要包含无法换行并超出指定元素宽度的内容长度，例如图像或在您包含的某个元素（例如段落）上指定white-space: nowrap。

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

来源

2011-09-08 05:20:14

删除

width: auto; 
height: 5em;

从divCSS类

和滚动到冲击片雷管您需要的内容宽度小于790px越来越HIGHT超过420PX。

来源

2011-09-08 05:05:48

给这个div的宽度具体设置overflow-x:visible;

来源

2011-09-08 05:06:11

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

来源

2011-09-08 05:17:51

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

回答

相关问题