html - overflow-x 滚动和 overflow-y 可见

Question

我有一个案例，我必须使用 overflow-x:scroll; 水平显示内容。

现在在这个Fiddle第一个 block 有 overflow-y:scroll; 提供滚动，用户可以滚动内容。在第二个 block 中，用户无法滚动内容。我想在 Image 中以这种方式输出，用户可以在其中水平滚动并查看内容。

Answer 1

您需要为第二个 block 定义一个内部容器并为其指定宽度。

<div class="test2"><div>dfdsfdsfds</div></div>

和

.test2 div {
    width: 600px;
}

http://jsfiddle.net/qM45U/8/

这样做的原因是，默认情况下，当测试达到它的宽度时，它将自动换行，而在 y 轴内，它只会增加容器的高度(如果允许的话)。你可以将 white-space 设置为 nowrap 但你最终会得到世界上最长的单行文本:)