css - 滚动不适用于动态表

Question

我有一个带有 class=list 的表，它输出在服务器中上传的文件，它是使用 php 动态创建的。该表在另一个 div 内。代码是

<div class="list">
<table>....php code for table...</table>
</div>

我已将 div 列表定位在固定位置。css 文件是

.list{background:#66CDAA;width:20cm;position:fixed;top:3cm;left:11cm;}

问题是如果表格太大，页面不会向下滚动。我试过了：

body{overflow:auto}

但它不起作用。作为替代解决方案，我知道我可以添加到 .list

.list{overflow:auto;height:something;}

但随后列表将具有我不想要的固定高度，并且表格将滚动而不是页面。那么有没有其他选择？？

Answer 1

试试这个：

<div class="listcontainer"><div class="list"><table>...</table></div></div>

CSS：

.listcontainer {
    position: fixed;
    width: 20em;
    top: 3cm;
    left: 11cm;
    bottom: 3cm;
    right: 11cm;
    overflow: auto;
} /* adjust right and bottom to be what the maximum size should be */
.list {
    background-color: #66cdaa;
    max-height: 100%;
}