10

CSSでdivを定義しました:

height: 100%;
width: 360px;
float: left.

これで、これらのdivを本体に動的に追加するボタンができました。問題は、ブラウザウィンドウに収まらないほど多すぎる場合、次のdivがこのように他のdivの下に配置されることです。

|bar|  |bar|  |bar|
|bar|  |bar|
|<---- Page width ---->|

さて、私が欲しいのは、次のように右に進み続けることです。

|bar|  |bar|  |bar|  |bar|  |bar|
|<---- Page width ---->|

そしてもちろん、スクロールバーがあります。これを定義せずにこれは可能ですか?

body {
    width: XXXpx;
}
4

1 に答える 1

30

を使用する代わりに、を使用してコンテナにラップfloat: left;することができます。display: inline-block;white-space: nowrap;

http://jsfiddle.net/Jeff_Meadows/JJ5kT/

于 2013-02-07T21:22:45.213 に答える