javascript - 如何使 jQuery tabs() 100% 高且内容可滚动

Question

我正在尝试创建一个带有选项卡的 JS 网络应用程序。该界面的特点是选项卡应与窗口一样高，如果内容高于窗口则应滚动。内容由几个充满屏幕的左侧 float 面板组成。

我已经有了部分解决方案，但我不知道如何设置容器的 100% 高度和滚动。

http://jsfiddle.net/KhwZS/1242/

<div class="tabs">
<ul>
    <li><a href="#tab1">Tab1</a></li>
</ul>
<div id="tab1">
    <div class="container clearfix">
        <div class="floated"></div>
        <div class="floated"></div>
        <div class="floated"></div>
    </div>
</div>

Answer 1

http://jsfiddle.net/KhwZS/1245/

CSS:

    html, body {
    height: 100%;
}
.tabs {
height: 100%;

#tab1 {
    height: 100%;
    overflow: auto;
}