如何在曲线div内安装div？

Question

我在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 ？

jsfiddle here

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

你必须告诉父母隐藏其子女的溢出：

div1上的

overflow: hidden;