gpt4 book ai didi

html - 溢出-y :visible not working when overflow-x:hidden is present

转载 作者:技术小花猫 更新时间:2023-10-29 11:44:38 25 4
gpt4 key购买 nike

<分区>

在 Chrome 或 Firefox 中无法正常工作。有什么解决方法吗?

   <!DOCTYPE html>
<html>
<head></head>
<body>
<h3>overflow-y:visible</h3>

with overflow-x:hidden
<div style="overflow-x:hidden;overflow-y:visible;width:100px;height:100px; position:relative;background:#666;">
<div style="top:20px;left:20px; width:420px;height:420px;position:absolute;background:#420;">
</div>
</div>

without overflow-x:hidden
<div style="overflow-y:visible;width:100px;height:100px;position:relative;background:#666;">
<div style="top:20px;left:20px; width:420px;height:420px;position:absolute;background:#420;">
</div>
</div>

</body>
</html>

http://jsfiddle.net/sMNyK/

现实生活场景涉及绝对必须具有 overflow-x:hidden 的组件,但这将触发需要能够在 y 方向上脱离元素的弹出菜单。我应该将这些菜单放在它们的父组件之外,还是有更好的解决方法?

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