css - オーバーフローxをトリミングせずにスクロールDIVを作成するには?

Question

垂直方向にのみスクロールする DIV があります。この DIV 内の要素をトリミングせずに水平方向にオーバーフローさせたいと考えています。これは望ましい効果です:

overflow-y:scrollだけ指定すると、縦のはみ出しだけ切り取ってしまうと思っていました。しかし、私は間違っていました。これが実際に起こることです:

CSS:

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

JSFiddle:

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

Answer 1