google-chrome - webkit 隐藏从 border-radius 溢出的内容

Question

http://jsfiddle.net/Bery8/3/

我有一个具有position: relative 和border-radius 的节点。我试图隐藏流出 border-radius 的内容，想知道是否有人在 webkit 中对此进行了修复。我需要 relative 定位用于其他目的，但无法将其删除。

似乎在 mozilla 中运行良好。

<div>
    foo
    <span>content</span>
    <span>content</span>
    <span>content</span>
    <span>content</span>
    <span>content</span>
</div>

<style>
div {
    border        : 1px solid #000;
    border-radius : 20px;
    overflow      : auto;
    position      : relative;
    margin        : 10px;
    max-height    : 100px;
}

span {
    display    : block;
    background : teal;
    padding    : 10px;
}
</style>

Answer 1

我不确定我是否理解了这个问题，但是如果您将 border-radius: 20px 添加到 span 元素是否可以解决问题？