html - 为嵌套的div制作圆 Angular

Question

我正在尝试使用 div 为我的响应式表格制作圆 Angular ，但 div 的顶部没有圆 Angular 。

这是我当前预览的样子:

完整代码:http://jsfiddle.net/ajt98kqy/

我的 HTML 结构:

<div class="coltable">
<div class="col">
    <h4>Name</h4>
    <p>John</p>
</div>
<div class="col">
    <h4>Title</h4>
    <p>Manager</p>
</div>

我想要实现的是圆 Angular (顶部边框尚未圆化)。我该如何解决这个问题？

Answer 1

您的内部内容当前溢出并且可见。您需要添加 CSS 属性 overflow: hidden。

所以它会像:

.coltable {
....
overflow: hidden;
}

这样无论你添加多少个内部元素，它总是在顶部和底部被舍入。