jquery - 我自己的个人 Div 100% 高度克星 - jquery 选项卡

Question

在你有自己的“我怎样才能让 div 扩展到 100% 的高度”问题之前，你似乎在这里什么都不是，这是我的问题——（我希望它是原创的和有帮助的）。

参考我迄今为止的尝试http://jsfiddle.net/prQcc/3/ - 我在 jquery 选项卡中有两个 div 作为并排的列。我希望这些 div 扩展到 jquery 选项卡的高度。我最接近的是你在小提琴中看到的 - 列 div 扩展，但到“页面”的高度，而不是包含 Tab div 的高度。

Answer 1

您的高度被#tabs-1设置为#tabs，但在其顶部#tabs有一个ul占用空间，因此#tabs-1被.#tabsul

将您的位置更改#tabs-1为绝对不正确#tabs 可以解决问题，尽管填充和边框#tabs会创建一个仍然出现的小滚动条。对于现代浏览器，最简单的纠正方法是使用box-sizing：

#tabs {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}