曲線のあるdivにdivをフィットさせる方法は？

Question

Iは

<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の曲線と整列しない、DIV内部DIVを有します。

は私がDIV2の境界線の半径を変更しても、私は完全にDIV1の半径の曲線に合わせができません。 div2を削除するにはdiv1の曲線を超えていますか？あなたは、その子のオーバーフローを隠すために親に伝える必要があり

jsfiddle here

Answer 1

に私達は行く：オーバーフローを追加：

<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>

を隠さ

Answer 2

：

overflow: hidden; DIV1ここ