css 使内部div不与外部div重叠

6yoyoihd  于 2022-11-19  发布在  其他
关注(0)|答案(3)|浏览(183)

我有下面的图像,但我需要蓝色的一部分是在白色的div。尝试溢出:隐藏,但不工作。我怎么才能使它不可见,并保留边界半径的白色div。

<div class="qrcode" style=" z-index: 1;display: block; margin: auto; text-align: center; height: 250px; width: 300px; border-radius: 4%; background-color: #ffffff;">
                <div class="brand" style=" background-color:rgb(0, 214, 255); height: 260px; width:50px;">

                </div>
            </div>
qqrboqgw

qqrboqgw1#

overflow:hidden正在工作,您可以看到以下内容:

<div class="qrcode" style=" z-index: 1;display: block; margin: auto; text-align: center; height: 250px; width: 300px; border-radius: 4%; background-color: #F7F7F7; overflow:hidden;">
                <div class="brand" style=" background-color:rgb(0, 214, 255); height: 260px; width:50px;">

                </div>
            </div>
5w9g7ksd

5w9g7ksd2#

但是overflow: hidden确实可以工作:
第一个
如果你把孩子的身高设置得小一点会更好,虽然在我看来

nsc4cvqm

nsc4cvqm3#

您可以尝试将overflow-y: hidden添加到qrcode类中

相关问题