さまざまな理由から、リストの内容がコンテナーのサイズを超えている のol
中に入れ子になっています。div
コンテナーの幅は固定されているため、リスト要素の背景がコンテナーの表示可能領域を超えることはありませんが、コンテンツは適切にスクロールされます。
私が説明しようとしていることの簡単な例を示すjsFiddleを作成しました。
含まれている要素の幅をオーバーフローしたコンテンツの幅と一致させたいです。jsFiddle では、赤い背景が途中で途切れることはありません。
ありがとう。
div
{
border: 1px solid black;
margin: 33% auto;
overflow: scroll;
white-space: nowrap;
width: 100px;
}
div > ol
{
background: red;
width: 100%;
}