gpt4 book ai didi

css - 为什么隐藏 overflow-x 后我的内容显示在 body 外面

转载 作者:太空宇宙 更新时间:2023-11-04 10:59:07 26 4
gpt4 key购买 nike

我制作了正文 max-width: 2000pxoverflow-x: hidden...我的内容超过了这个尺寸(position: absolute left: -101%),它们在需要时通过按钮调用到屏幕(在正文中)。

但是,当我在浏览器 (Firefox) 中使用“Ctrl”和“-”缩小屏幕时,我可以看到我的内容。

我去看了www.caniuse.com但是我没有找到溢出属性...

fiddle :https://jsfiddle.net/igorlaszlo/8hjasmoj/

最佳答案

原因是您正在分配 position: relative;<body>元素。在你的体内使用不同的包裹物,你的问题就解决了:

https://jsfiddle.net/8hjasmoj/4/

或者,如果您不想要另一个包装器,只需摆脱相对 body 定位即可。

此外,无需添加 position: relative;<body>因为您的页面周围没有其他定位元素,所以无论如何它都被用作绝对定位子元素的引用点。

关于css - 为什么隐藏 overflow-x 后我的内容显示在 body 外面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34476326/

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