html - 表格溢出div时的圆 Angular ？

Question

我的结构类似于下面的代码。当表格对于内容容器来说太高时，它会 overflow hidden 的内容。我的问题是可见表的底 Angular 是方形的，尽管它的容器 div 的下 Angular 是圆形的。有没有办法在表格底部和容器 div 底部之间不留空隙的情况下将底部四舍五入？

这是一个重现问题的演示 http://www.jsbin.com/ohejor/1/edit

<div class='container'>
<table>
    ....table populated by php pulling from mysql table
</table>
</div>

和 CSS

table{ overflow:auto;}
.container{ position:relative; height:75%;  border-radius:0px 0px 5px 5px;}

Answer 1

问题是你应该在容器而不是表上设置 overflow-y:

table{}
.container{ position:relative; height:75%; border-radius:0px 0px 5px 5px; overflow-y: auto}