Div没有在宽度上包裹整个页面

Question

我使用jQuery UI tabs作为我的容器div。现在我需要在表中显示大量数据，这几乎总是比容器本身更宽。不幸的是，我无法将容器包装好。

请参阅this fiddle

我已尝试过职位overflow: auto，但似乎没有任何工作像我想要的那样。 overflow: auto将水平滚动条放在标签中，但我希望它在主体上。有人知道如何做到这一点吗？

长话短说：我需要#main-div来包裹所有div个孩子，而标签中没有滚动条。我只是想包装我的内容，以便out div与内容一起动态

Answer 1

this是什么意思？我所做的只是这个并删除了相对位置。

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

Answer 2

添加#test { overflow: auto; }

SEE DEMO

Answer 3

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

Answer 4

Jsfiddle

我添加了overflow：scroll;

无论如何，你在这两个轴上都有一个滚动，所以你可能会查看x和y上的溢出滚动 检查属性here（请注意它的css 3属性）不知道哪些浏览器支持它。

Answer 5

#test {
    overflow: scroll;
}