獨立滾動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 

這應該一）有但是b）允許它們沒有固定的寬度並且不需要浮動（在這種情況下，你不能獲得一致的結果w/out一個設定的寬度）

這個每個盒子也會自動適應圖像的寬度s，因此它們不會被水平切割，但仍然會垂直滾動。