gpt4 book ai didi

html - 溢出-x : hidden sets overflow-y to auto/scroll behaviour

转载 作者:行者123 更新时间:2023-11-28 12:56:03 24 4
gpt4 key购买 nike

<分区>

我有以下 HTML 和 CSS

<div id="box1">
<div id="box2"></div>
</div>

#box1 {
position: absolute;
top: 10px;
left: 10px;
width: 200px;
height: 85px;
background: blue;
overflow-y: hidden;
overflow-x: visible;
}

#box2
{
width: 100px;
height: 100px;
border-radius: 50%;
background: red;
position: absolute;
bottom: 0px;
right: -5px;
}

我试图实现一种效果,其中 #box2 部分位于 #box1 之外。我希望#box1 顶部和底部的溢出隐藏,但左右溢出可见

然而,当我在容器 #box1 上设置 overflow-y: hidden 时,它似乎将 overflow-x 设置为 scroll/auto行为。我不想要任何滚动我只希望溢出可见。有谁知道如何做到这一点?

这是一个demo of the problem .

SO 上有一些类似的问题,但这些问题的解决方案并不真正适用于我的场景

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com