html - divのテーブルに水平スクロールバーを追加するにはどうすればよいですか？

Question

div内にあるテーブルに水平スクロールバーを追加するにはどうすればよいですか？これに対するCSSソリューションはありますか？

Answer 1

水平スクロールバーのみが必要な場合は、overflow-x:auto; を使用します。次に幅を設定します。

div
{
width: 300px;
overflow-x:auto;
overflow-y:hidden;
}

Answer 2

スクロールバーを追加するには、overflow を使用します。

div {
    width: 100px;
    overflow: auto;
}

テーブルにも幅を追加する必要があります。

table {
    width: 300px;
}

http://jsfiddle.net/tpDGE/

Answer 3

それを試してみてください：

div {
    display: block;
    height: 200px;
    overflow: scroll;
}