滚动不能在动态表

Question

工作我有类的表=列表，其输出被上传到服务器，它是使用php.The表动态创建的文件是在另一个内部div.The代码是

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

我已经定位在固定position.The CSS文件股利列表

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

的问题是，如果表变得太大的页面doen't向下滚动。我曾尝试过：

body{overflow:auto} 

但它不起作用。 作为alernative解决方案，我知道，我可以添加到.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%; 
}