请参阅以下 JSFiddle:
请注意，子 div 剪裁了其父 div 的边框。如果我删除边框(但保留圆 Angular )，该元素将按照我们的预期进行剪辑。 Firefox 4 按照我的预期呈现此标记，并在边框开始之前剪切该元素。然而，Chrome 在到达边框的外边缘之前不会剪辑子项。
谁的这种行为是正确的，是否有黑客行为？如果这是一个将要修复的错误，我可以将其保留在 Chrome 中，但如果它在 Chrome 中呈现为规范，我将需要调整布局。
(在投票关闭之前请注意，这是一个与有关 Firefox 3.5/Chrome 错误的多个线程不同的错误，该错误阻止元素被圆形边框剪切)
最佳答案
实际上，您只需将 position:relative 添加到 child 元素即可。
关于google-chrome - Chrome - child 剪辑CSS3圆形边框？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5421622/