圆角时，表溢出div？
提问于 2013-01-10 22:06:25
我有一个类似于下面代码的结构。当表对于内容容器来说太高时，它会隐藏溢出的内容。我的问题是可见表的底角是正方形的，尽管它的容器div的下角是圆形的。有没有一种方法可以在表的底部和容器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;}
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-01-11 00:03:15
问题是您应该在容器上而不是在表上设置overflow-y：
table{}
.container{ position:relative; height:75%; border-radius:0px 0px 5px 5px; overflow-y: auto}Stack Overflow用户
发布于 2013-01-10 22:20:37
table的边角是方形的，因为虽然您为div.container声明了border-radius，但还没有为table这样做。
要使table角变圆，请执行以下操作：
table { border: solid red 1px; border-radius: 0px 0px 5px 5px; }防止div.container和table之间的空格
.container { padding: 0px;}Stack Overflow用户
发布于 2013-01-10 23:59:32
添加到表选择器中的border-collapse: collapse应该会有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14268135
复制
腾讯云开发者
