Question

我有一个table = 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%;
}

滚动对动态表不起作用

1 个答案: