html - divの水平スクロールバー

Question

ここでデモを見つけてください。

divへの水平スクロールを取得しようとしていますが、現在のコードでは、垂直スクロールのみが表示されています。すべてのulリストを同じ行に配置する必要があります。つまり、水平スクロールを取得できるように、2行目には表示されないようにする必要があります。http://jsfiddle.net/gwUyn/

水平スクロールを取得するにはどうすればよいですか？

Answer 1

の上：

.horizontalaccordion > ul > li

追加：

dispaly:inline-block

削除：

dispaly:block

そしてあなたのコードは機能します

Answer 2

「overflow-x：scroll;」を使用する必要があります divが属するcssidまたはクラス内。

##HTMLファイル##<divclass="test">書きたいすべてのテキスト</div>

## CSS FILE ## .test {width：100px; 高さ：100px; オーバーフロー-x：スクロール; }

リンク編集

あなたの場合、それは特別ですが、私はあなたがそれをやろうとしたと思います：http: //jsfiddle.net/5XCRL/

Answer 3

子の要素が親の要素に収まる間、水平スクロールバーはありません。私があなたの目標を正しく理解していれば、このjsfiddleはあなたを助けるかもしれません

アップデート：

もう1つ試してください：jsFiddle