为什么在溢出-x隐藏

时间:2015-12-26 23:45:51

标签: css overflow

我制作了正文max-width: 2000pxoverflow-x: hidden ...我的内容超过了这个帖子(position: absoluteleft: -101%),它们被按钮调用到需要时屏幕(在身体内)。

然而,当我使用" Ctrl"在我的浏览器(Firefox)中减少我的屏幕时和" - ",我可以看到我的内容。

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

小提琴:https://jsfiddle.net/igorlaszlo/8hjasmoj/

1 个答案:

答案 0 :(得分:1)

原因是您要将position: relative;分配给<body>元素。在你的身体内使用不同的包装,你的问题得到解决:

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

或者,如果你不想要另一个包装,只需摆脱相对的身体定位。

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