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;
}

主体内容根据从leftnav中选择的选项而变化。这会改变页面的高度，但分隔它们的线的高度保持不变。有没有办法让这种动态变得如此，以至于它始终是主体的高度？

Answer 1

  

有没有办法让这种动态变得如此，以至于它总是如此   主体的高度？

选择标签后，您可以运行以下内容：

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

Answer 2

也许你可以将height:100%;添加到css中。你试过吗？

Answer 3

您需要将#leftnav的高度设置为#mainbody的高度，或者将#mainbody设置为与border-left相同的边框