Div不在整個頁面寬度範圍

我使用jQuery UI tabs作爲我的容器div。現在我需要在表格中顯示ALOT數據，它幾乎總是比容器本身更寬。不幸的是，我無法取得容器包裝。Div不在整個頁面寬度範圍

我已經試過位置，overflow: auto，但似乎沒有任何工作一樣，我希望它。 overflow: auto將水平滾動條放入標籤本身，但我希望它在身體上。任何人有關於如何做到這一點的想法？

長話短說：我需要#main-div環繞它的所有div孩子，沒有在標籤中的滾動條。我只是想換我的內容，因此出來的div是動態的，與內容

因此，讓我直接得到這個，你想能夠滾動標籤內，但窗口底部的滾動？爲什麼不重新設計滾動條，使其具有更友好的外觀？ :) –

@SimonPertersen我需要使用滾動條在主體上滾動標籤中的內容。我不想讓這個項目過於先進，所以我不打算重新設計滾動條。現在這已經通過CSS解決了，它完全可以做到它需要做的事情。 –

我可以補充一點，你需要發佈一個明確的問題，只是看看你剛纔寫了什麼:)但現在有意義 –

是this是什麼意思？我所做的只是這一點，並刪除了相對位置。

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

2012-09-10 12:37:08 Sem

正是我在找的！非常感謝！ –

我很高興幫助:) – Sem

添加#test { overflow: auto; }

2012-09-10 12:28:25

它確實刪除了滾動條，但是我需要能夠滾動，並且我希望滾動條位於主體上。 –

然後'使用oveflow：auto'而不是'oveflow：hidden' –

在我的答案中更新了演示。 –

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

2012-09-10 12:28:39 Tosh

也許它有點不清楚。我已經更新了我的答案。你的答案不適合我。 –

我添加溢出：滾動;

無論如何在這裏你會得到一個滾動兩個軸，使你看起來可能會溢出滾動x和y 結帳財產here（注意，它是一個CSS 3屬性）不知道哪些瀏覽器支持它。

2012-09-10 12:30:33

偉大的答案！ – Jignesh

也許這是有點不清楚。我已經更新了我的答案。你的答案不適合我。 –

2012-09-10 12:34:57 Sparky

回答