使用以下方法

<div style="max-width:980px; overflow-x: scroll; white-space: nowrap;">
<table border="1" style="cellpadding:0; cellspacing:0; border:0; width=:100%;" >

.box-author-txt {width:596px; float:left; padding:5px 0px 10px 10px;  border:1px #dddddd solid; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; overflow-x: scroll; white-space: nowrap; overflow-y: hidden;}


.box-author-txt ul{ vertical-align:top; height:auto; display: inline-block; white-space: nowrap; margin:0 9px 0 0; padding:0px;}
.box-author-txt ul li{ list-style-type:none;  width:140px; }

CSS3有overflow-x属性，但我不期望对它有很好的支持。在CSS2中，你所能做的就是设置一个通用的滚动策略，并调整宽度和高度，以免把它们弄乱。

您不应该同时获得水平和垂直滚动条，除非您将内容设置得足够大。

但是你通常在IE中因为一个bug而这样做。检查一下其他浏览器(火狐等)，看看是不是只有IE在这样做。

IE6-7(包括其他浏览器)支持提议的CSS3扩展来独立设置滚动条，你可以使用它来抑制垂直滚动条:

overflow: auto;
overflow-y: hidden;

你可能还需要为IE8添加:

-ms-overflow-y: hidden;

因为微软威胁要在IE8标准模式中将所有pre- cr标准属性转移到他们自己的“-ms”框中。(如果他们一直这样做的话，这是有道理的，但现在对每个人来说都很不方便。)

另一方面，IE8完全有可能已经修复了这个bug。

你也可以让它overflow: auto，并给出一个固定的最大高度和宽度，这样当文本或其他内容溢出时，它只会显示所需的滚动条

使用以下方法

<div style="max-width:980px; overflow-x: scroll; white-space: nowrap;">
<table border="1" style="cellpadding:0; cellspacing:0; border:0; width=:100%;" >