Javascript 如何在弧形div内安装div？

我有一个div里面有一个div

<div style="background-color: red; height: 100px; width: 100px; border-radius: 10px;" id="div1"> 
        <div style="background-color: orange;" id="div2">
            testing
        </div>
</div>

测试

位于div1顶部的div2与div1的曲线不对齐

即使我更改了div2的边界半径，也无法与div1的半径曲线完美对齐。如何删除超出div1曲线的div2

---

jshiddle

您必须告诉父对象隐藏其子对象的溢出：

---

溢出：隐藏

在div1上，您必须告诉父级隐藏其子级的溢出：

---

溢出：隐藏在div1上
我们开始：添加溢出：隐藏



测试
我们开始：添加溢出：隐藏



测试
请为此创建一个JSFIDLE。请为此创建一个JSFIDLE。