为什么隐藏 overflow-x 后我的内容显示在 body 外面
Why is my content shown out of body when overflow-x hidden
我制作了主体max-width: 2000px和overflow-x: hidden...我有超过这个尺寸的内容（position: absolute和left: -101%），它们通过按钮调用需要时显示在屏幕上（正文中）。
但是，当我在浏览器 (Firefox) 中使用 "Ctrl" 和“-”缩小屏幕时，我可以看到我的内容。
我在 www.caniuse.com 上查看了它，但我没有发现溢出 属性...
原因是您将 position: relative; 分配给 <body> 元素。在你的体内使用不同的包裹物，你的问题就解决了：
https://jsfiddle.net/8hjasmoj/4/
或者，如果您不想要另一个包装器，只需去掉相对主体定位即可。
此外，无需将 position: relative; 添加到 <body>，因为您的页面周围没有其他定位元素，它被用作绝对定位子元素的参考点无论如何。
我制作了主体max-width: 2000px和overflow-x: hidden...我有超过这个尺寸的内容（position: absolute和left: -101%），它们通过按钮调用需要时显示在屏幕上（正文中）。
但是，当我在浏览器 (Firefox) 中使用 "Ctrl" 和“-”缩小屏幕时，我可以看到我的内容。
我在 www.caniuse.com 上查看了它，但我没有发现溢出 属性...
原因是您将 position: relative; 分配给 <body> 元素。在你的体内使用不同的包裹物，你的问题就解决了：
https://jsfiddle.net/8hjasmoj/4/
或者，如果您不想要另一个包装器，只需去掉相对主体定位即可。
此外，无需将 position: relative; 添加到 <body>，因为您的页面周围没有其他定位元素，它被用作绝对定位子元素的参考点无论如何。