css - 如何在不裁剪溢出-x 的情况下创建滚动 DIV？

Question

我有一个只应该垂直滚动的 DIV。我希望这个 DIV 中有一个元素水平溢出而不被裁剪。这是想要的效果：

我以为如果我只指定overflow-y:scroll，它只会裁剪垂直溢出。但是，我错了，这就是真正发生的事情：

CSS：

ol {
    border: 1px solid red;
    overflow-y: scroll;
    height: 20em;
    width: 7em;
}

JSF中：

http://jsfiddle.net/u6d6W/1/

Answer 1