使用超出div宽度的图像独立滚动div列？

Question

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

有没有办法实现这样的效果，其中div独立滚动并且能够拥有超出容器的图像？或者还有另一个方向可以追求？

谢谢！

- 编辑：图片以获得更好的解释

溢出切断的意思是更宽的图像基本上是在滚动条上切断的，我想要实现的是在这个图像中可以看到，每列都可以独立滚动（我想用mousehweel）：

Answer 1

您认为可行的答案是：

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

但这看起来并不像你想象/希望的那样。有关所有可能的溢出x / y组合的网格，请参阅此页面：

http://www.brunildo.org/test/Overflowxy2.html

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

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

那应该a）将盒子放在正确的位置，但是b）允许它们并排而没有设定的宽度，并且不需要浮动（你不能得到一致的结果w / out a set width在这种情况下）

这也可以让每个盒子自动调整图像的宽度，因此它们不会被水平切割，但仍会垂直滚动。