Jquery ui 调整jQuery选项卡和面板的大小

)

我正在使用jQuery选项卡，我喜欢选项卡向左对齐的方式，顶部橙色部分占据分配宽度的100%。但有些时候，当我点击标签时，下拉面板上的信息只够页面的一半

---

如何调整面板大小，使所有面板只占页面的一半？

您只需将类样式添加到每个可显示的选项卡内容并限制其高度即可

<div id="tabs">
    <ul>
        <li><a href="#fragment-1"><span>One</span></a></li>
        <li><a href="#fragment-2"><span>Two</span></a></li>
        <li><a href="#fragment-3"><span>Three</span></a></li>
    </ul>
    <div id="fragment-1" class="tabview">
        Tab1 content
    </div>
    <div id="fragment-2" class="tabview">
        Tab2 content
    </div>
    <div id="fragment-3" class="tabview">
        Tab3 content
    </div>
</div>

以下是JSFIDLE的工作原理：

.tabview {
    height: 50px;
    overflow: auto;
}