html - オーバーフロー x は、ウィンドウのサイズ変更時に div をスタックします

Question

その中に複数の (小さい) 列を保持する水平コンテナーをセットアップしたいと思います。私は次の設定をしています：

http://jsfiddle.net/f464W/1/

ご覧のとおり、ウィンドウのサイズを変更すると、ウィンドウの幅が小さすぎてすべてを格納できない場合、.column コンテナーが垂直に積み重なっていきます。

すべきではない

overflow-x: hidden 

.container の側面からはみ出したときに .column クラスが表示されないようにしますか?

Answer 1

を使用overflow-x: hiddenすると、 の右側を超えるものが非表示になりますdiv。しかし、 の自然な動作は、divスペースがなくなると下の行に折り返されるため、それを超えるものはありません。divs をラップしないようにする必要があります。コンテナー CSS に追加white-space: nowrapすると、水平方向にのみスタックされます。