css - ページ幅が使用されると、水平オーバーフローを作成する代わりにジャンプダウンします

Question

ページのコンテンツがボックスに入っています。

このように表示されます。

Box1  Box2  Box3  Box4

そして、さらに追加すると、ジャンプして垂直オーバーフローが発生します。

しかし、水平スクロールバーが必要です。

これは、ラッパーが css にある方法です。

#content {
    overflow:auto;
    width:100%;
    height:450px;
}

score 0 · Accepted Answer

次のような意味だと思います：http://jsfiddle.net/9vvtg/

追加するだけでいい

空白: nowrap;

コンテナに

score 0 · Accepted Answer

の幅は#content、その親の幅 (ほとんどの場合ビューポート) を参照しています。水平スクロールが必要な場合は、明示的な幅を設定します。含まれている要素の幅がわかっている場合は、計算を行って幅を一致するように設定するか、怠惰に幅を広く設定してください。

/* there are four of these */
.insides { 
     width: 200px;
     display: block;
     float: left;
}

#content {
     width: 800px;
}

2 に答える 2