我的页面中有 oveflow-x 问题。尽管 body 隐藏了 overflow-x，我仍然可以在页面上滚动。
<html>
<body>
<div id="content">
<div id="mydiv"></div>
<div>
</body>
</html>
html 和body 都有overflow-x:hidden。
Div“content”在 css 中没有任何内容，而 div“myDiv”具有绝对位置。
我怎样才能让“mydiv”不离开页面？因为现在我仍然可以在 x 上滚动。
fiddle > http://jsfiddle.net/o7dph6sj
最佳答案
没有更多代码，我能想到的最佳答案是您的 html 和 body 标签没有设置任何类型的宽度，因此它们继承了 100% 的默认宽度。这意味着每个子元素都将位于该 100% 内。
将body设置为固定宽度，然后将overflow设置为hidden，然后检查页面中的元素是否超出了宽度。
例子:
body{
width: 1024px;
overflow-x: hidden;
}
此外，您在#content 中设置的代码也可能直接影响它，一些元素将忽略其父元素并在它们之外呈现，这让我们回到......给我们更多代码。
关于html - 溢出-x : hidden do not work，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25692449/