允许水平滚动一个div，但不允许整个身体

Question

Demo

我有一个页面有三个部分，100％宽度和100％身高，除了一个部分是身体宽度的200％。在这一部分，我希望能够水平滚动以查看div的其余部分，但我不希望其余部分在其右侧有白色空间，就像它们目前所做的那样。如果我设置body{ overflow-x:hidden;}我无法在更宽的div上水平滚动。有什么建议？

Answer 1

您需要将width:200%; div包含在宽度为100％的容器中，以便它保持在正文中，然后将容器设置为overflow-x:auto;

Here is a jsFiddle to show what i mean.