25

さまざまな理由から、リストの内容がコンテナーのサイズを超えている の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%;
}​
4

1 に答える 1

23

を使用するだけdisplay: inline-blockです。詳細については、W3C 仕様を参照してください。

これら 2 つの要素スタイルwidth:100%をに置き換えます。display:inline-block

于 2012-10-04T04:40:44.343 に答える