jquery - Div がページ全体を幅で囲んでいない

Question

jQuery UItabsをコンテナー div として使用します。ここで、テーブルに ALOT のデータを表示する必要があります。これは、ほとんどの場合、コンテナー自体よりも幅が広くなります。残念ながら、コンテナをラップすることはできません。

このフィドルを参照してください

ポジションを試してみoverflow: autoましたが、思うように機能しないようです。overflow: auto水平スクロールバーをタブ自体に配置しますが、本体に配置したいです。誰でもこれを行う方法について考えがありますか?

簡単に言うと、タブにスクロールバーを付けずに、#main-divすべての子をラップする必要があります。divout div がコンテンツで動的になるように、コンテンツをラップしたいだけです

Answer 1

これはあなたが意味するものですか？私がしたのはこれだけで、相対位置を削除しました。

#main-tabs
{
   float:left;
   min-width:100%;
}

Answer 2

追加#test { overflow: auto; }

デモを見る

Answer 3

#main-tabs div
{
   position: relative;
   overflow: auto;
}

Answer 4

Jsfiddle

i added overflow:scroll;

anyhow here you get a scroll on both axis so you might look in to overflow scroll on x and y Checkout the property here (be aware that its a css 3 property) dont know which browsers support it.

Answer 5

#test {
    overflow: scroll;
}