独立滚动div列，图像超出div宽度？

我正在尝试创建一个包含两列独立滚动图像的页面。我已经构建了一个简单的双列div布局，每列浮动宽度为50％，高度为100％。溢出设置为自动，因此内容会独立滚动，但比div容器中的容器更宽的图像被切掉。独立滚动div列，图像超出div宽度？

有没有什么办法可以实现这样的效果，div独立滚动并且能够将图像延伸到容器之外？或者有可能是另一个追求的方向？

谢谢！

- 编辑：图片为更好的解释

我的意思溢出切断的是，图像更广泛的在滚动条基本上断了，我想要实现这个可以图像中可以看出，每列能够独立滚动（我想与mousehweel）：

Two Column Mockup

2011-04-04 waffl

你是什么意思，图像'切断'？溢出：自动，你应该能够水平滚动查看整个图像？ – Lauw 2011-04-04 12:41:30

是否发生溢出：可滚动吗？ – Xand94 2011-04-04 12:49:30

，你会觉得会的工作答案是：

overflow-x: visible; 
overflow-y: scroll; /* or auto */

但是这似乎并不像你想象的那样运作。对于所有可能的溢出X/Y组合的格子看到这个页面：

所以 - 我相信答案是你必须：

1) give each box a height 
2) give each box overflow-y:scroll; /* or auto */ 
3) use css positioning to place the boxes where you want

这应该一）有但是b）允许它们没有固定的宽度并且不需要浮动（在这种情况下，你不能获得一致的结果w/out一个设定的宽度）

这个每个盒子也会自动适应图像的宽度s，因此它们不会被水平切割，但仍然会垂直滚动。

2011-04-04 13:01:06 Dave

谢谢！我应该使用绝对定位吗？我正在尝试的一些组合并没有给我适当的效果。你是对的，我希望使用overflow-x：可见，但它也不起作用。我发现不使用浮动/宽度的问题是，div占据了整个宽度，并将右列向左推下。 – waffl 2011-04-04 14:28:25

@waffl - 是的，如果你绝对定位每个图像容器盒，它们将完全放在你想要的位置，并且在我上面的答案中的信息中，他们将a）能够垂直滚动，但是b）不能获得水平切断。 – Dave 2011-04-04 14:48:12

好，最后，有什么办法可以让滚动条不可见？ – waffl 2011-04-04 16:52:14

回答