html 边框半径,html – CSS3边框半径裁剪问题

我有一个div的border-radius设置为某个值(我们说10px)，和一个嵌套的div，它的父宽度和高度。

div.parent {

display: block;

position: relative;

width: 100px;

height: 100px;

border-radius: 10px;

background: #0000ff;

overflow: hidden;

}

div.inner {

display: block;

position: relative;

width: 100%;

height: 100%;

background: #ff0000;

}

我注意到，父母不会将孩子夹在圆角上，尽管被设置为隐藏。另一个stackoverflow线程表示此行为是“按设计”：

07000

但是，在挖掘CSS3背景和边界的工作草案时…

07001

…我不禁要注意下面的“角落剪辑”部分的描述：

Other effects that clip to the border

or padding edge (such as ‘overflow’

other than ‘visible’) also must clip

to the curve. The content of replaced

elements is always trimmed to the

content edge curve

那我还缺少什么？内容是否应该被剪辑到角落？我看过时的信息吗？我做错了吗