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

【问题标题】：Allow horizontal scroll on one div, but not on entire body允许在一个 div 上水平滚动，但不能在整个身体上
【发布时间】：2013-09-05 22:19:17
【问题描述】：

Demo

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

【问题讨论】：

标签： html css scroll

【解决方案1】：

您需要将width:200%; div 包裹在一个宽度为 100% 的容器中，使其留在正文中，然后将容器设置为 overflow-x:auto;

Here is a jsFiddle to show what i mean.

【讨论】：