jQuery 选项卡、CSS 和分界线

Question

使用 jQuery 选项卡，我的两个选项卡的内容拆分为

<div id='leftnav'>left hand menu</div>
<div id='mainbody'>Main content here</div>

现在使用 css 我有一个单线条来显示一个停止的位置和另一个开始的位置。

#leftnav
{
    float: left;
    width: auto;
    border-right: 1px solid gray;
    margin: 0;
    padding: 0.5em;
}

主体内容根据从左侧导航中选择的选项而变化。这会改变页面的高度，但分隔它们的线的高度保持不变。有没有办法使这种动态变化，使其始终是主体的高度？

Answer 1

Is there a way to make this dynamic some how so that it's always the height of the mainbody?

当一个标签被选中时，你可以运行这样的东西:

$('#leftnav').height($('#mainbody').height());