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

Question

asked Jan 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

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

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

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

3.8k views

1 Answer

深蓝 · Answer 1 · 2021-01-24T02:59:12+0000

两个方案

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

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