html - 允许在一个 div 上水平滚动，但不能在整个身体上

Question

演示

我有一个页面，其中包含 100% 宽度和 100% 高度的三个部分，除了一个部分是正文宽度的 200%。在本节中，我希望能够水平滚动以查看 div 的其余部分，但我不希望其余部分的右侧像当前那样有空白。如果我设置body{ overflow-x:hidden;}我不能在更宽的 div 上水平滚动。有什么建议么？

Answer 1

您需要将width:200%;div 封装在具有 100% 宽度的容器内，以便它保持在主体内，然后将容器设置为overflow-x:auto;

这是一个 jsFiddle 来说明我的意思。