0

我有以下 HTML 与 IE8 及更高版本的新浏览器一起使用：

<div><table class="grid table">

和 .css 文件：

.grid {
clear: both;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}

这可行，但是当我的表大于包含的 DIV 时，它就会离开屏幕。

如果它对于屏幕来说太大了，我怎样才能使滚动条允许我向右和向左滚动我的表格？

4

3 回答 3

4

overflow: auto;向div元素添加CSS 声明。

JSBin 演示

CSS：

.box {
  height: 150px;
  border: 1px solid black; /* Just for demo */

  overflow: auto;
}

HTML：

<div class="box">
    <table>
        <tr>
            <td>Cell #1</td>
            <td>Cell #2</td>
            <td>Cell #3</td>
            <td>Cell #4</td>
            <td>Cell #5</td>
        </tr>
        <!-- so on... -->
    </table>
</div>

更新

如果您只需要水平滚动，请overflow-x: auto;改用。

JSBin 演示

于 2013-08-20T21:32:47.353 回答
1

最简单的方法是给周围的 div 添加溢出属性。文档在这里。

于 2013-08-20T22:08:37.037 回答
1

添加overflow-y:auto;

演示http://jsfiddle.net/kevinPHPkevin/SHbnM/

div {
    overflow-y:auto;
    height:100px;
}
于 2013-08-20T21:38:31.253 回答