Question

我有溢出-x：隐藏在我的页面的body标签上，以便任何超出窗口的内容都不可见。没有滚动条显示，但是，我仍然可以向左/向右滚动以查看内容（有点击败溢出-x的目的）。

-ms-overflow-x：也没有解决问题。

有一个包装900px;

在包装器内部，里面有一个div：

width:100%;
padding-right:300px;
position:absolute;
left:200px;

我希望内部div悬挂在窗口的右侧而不会使其滚动（并在其左侧留下200px的空间）。

有任何帮助吗？谢谢！

Answer 1

由于div的宽度是100％，所以不应该有溢出，因为div总是适合视口的100％（假设你没有改变身体标签的大小）。

对于填充，填充是在宽度之后添加的，所以你说div是它的容器宽度的100％（body标签），并且填充是另外300px到右边，它将在视口之外不可见。

你可能想尝试给div一个明确的大小宽度并以这种方式进行实验。

也可以看一下你的标记示例，以了解你想要实现的目标。

Answer 2

更多HTML / CSS会很有用，但考虑到你现在拥有的东西，我首先想到的是你的包装器仍然设置为position: static（HTML元素的默认设置）。

如果将position: relative添加到包装器中，它将包含绝对定位的元素，并应将其限制为溢出限制。

此外，您可能希望查看box-sizing属性以及W3C框模型的工作原理。简而言之，你的填充增加了元素的宽度，所以它实际上是（100％+ 300px），这导致大于容器的大小。

如果您不想弄乱box-sizing，您还可以将max-width: 100%添加到绝对div中，以强制它不会从容器中长出来。