如何使元素相对于父元素固定？

Question

我有一个容器div，其内容非常大。 容器设置为position：relative。 内容有另一个div我希望它相对于容器水平固定 - 它应该仍然垂直滚动。

当我将有问题的div设置为：

position: absolute;
left: mypreferredleftpx;

我得到了奇怪的结果。

---

http://jsfiddle.net/Ey7vU/3/

PRETTY PICTURE应垂直滚动，但不能水平滚动。它应该相对于容器保持水平固定。

Answer 1

删除

position:relative

来自.container

Updated fiddle here.