如何让子div不覆盖父div的border-radius？

Question

<div style="border-radius: 5px;">
    <div>
    </div>
</div>

现在这样父是圆角的，但是子div高度撑满的话会变成方的，有什么方法可以方便的解决呢？

Answer 1

两个方案

<div style="border-radius: 5px;overflow: hidden;">
    <div>
    </div>
</div>

<div style="border-radius: 5px;">
    <div style="border-radius: 5px;">
    </div>
</div>

Answer 2

父元素加overflow：hidden