请参阅以下JSFiddle：
请注意，子div剪辑其父级的边框。如果我删除边框（但保留圆角），项目剪辑将如我们所期望的那样。 Firefox 4按照我的预期渲染此标记，在边框开始之前剪切项目。但是，在到达边框的外边缘之前，Chrome不会剪切孩子。
谁有这种行为是正确的，有没有黑客攻击？如果它是一个可以修复的错误，我可以把它留在chrome中，但如果它在Chrome中呈现为spec，我将需要调整布局。
（请注意在投票结束之前，这是一个不同于关于firefox 3.5 / Chrome bug的多线程的错误，它会阻止项目被圆形边框剪掉）
答案 0 :(得分：2)
实际上，您只需将position:relative添加到child元素。
答案 1 :(得分：1)
将child元素的半径设为其border-radius parent的一半。
border-top-left-radius: 5px;
答案 2 :(得分：0)