4

動的な数のdiv要素(それぞれが独自の幅を持つ)を表示するように設計されたサイトを構築していますが、ページを下に移動する代わりに、水平方向に移動します。ただし、アイテムの合計幅がコンテナdivよりも大きい場合は、自動的に次の行にドロップダウンします。とにかくそれが起こらないようにし、(オーバーフローバーではなくスクリプトによって)水平スクロールを可能にする方法はありますか?

4

1 に答える 1

14

それらをフローティングするのではなく、に設定しますdisplay:inline-block;。含む要素をに設定するoverflow:hidden;と、スクリプトを使用して、最初の要素のマージンを調整したり、別の要素でラップしてleft属性を変更したりするなど、さまざまな方法でスクロールできます(positionこのルートに行く場合)。

編集:また、設定する必要がありますwhite-space:nowrap

この実用的なフィドルを参照してください:http://jsfiddle.net/D8bea/

于 2012-04-16T17:13:39.330 に答える