我有一个div容器，并定义了它的风格如下:
div#tbl-container
{
width: 600px;
overflow: auto;
scrollbar-base-color:#ffeaff
}
一旦我填充了这个div所包含的表格，就会自动给我水平和垂直的滚动条。 我只希望水平滚动条自动出现。我将通过编程方式修改表的高度。
我怎么做呢?
当前回答
CSS3有overflow-x属性，但我不期望对它有很好的支持。在CSS2中，你所能做的就是设置一个通用的滚动策略，并调整宽度和高度，以免把它们弄乱。
其他回答
使用以下方法
<div style="max-width:980px; overflow-x: scroll; white-space: nowrap;">
<table border="1" style="cellpadding:0; cellspacing:0; border:0; width=:100%;" >
同时显示两者:
<div style="height:250px; width:550px; overflow-x:scroll ; overflow-y: scroll; padding-bottom:10px;"> </div>
隐藏X轴:
<div style="height:250px; width:550px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;"> </div>
隐藏Y轴:
<div style="height:250px; width:550px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;"> </div>
CSS3有overflow-x属性，但我不期望对它有很好的支持。在CSS2中，你所能做的就是设置一个通用的滚动策略，并调整宽度和高度，以免把它们弄乱。
你也可以让它overflow: auto，并给出一个固定的最大高度和宽度，这样当文本或其他内容溢出时，它只会显示所需的滚动条
我们应该设置为overflow: auto并隐藏一个在不支持CSS3的浏览器上不使用的滚动条。 看看这个CSS Overflow;XME.im
