jQuery的标签，CSS和分界线

使用jQuery选项卡中，我的两个选项卡的内容被分割像jQuery的标签，CSS和分界线

<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中选择的选项而变化。这改变了页面的高度，但是分开它们的线条的高度保持不变。有没有办法让这种动态变得如此以至于它始终是主体的高度？

来源

2011-07-27 martok

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

来源

2011-07-27 13:18:45

有没有办法让这个动态的一些如何让它始终是主体的高度？

当选择一个选项卡，你可以运行这样的事情：

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

来源

2011-07-27 13:19:13 thirtydot

谢谢，我该怎么做'onChange'？ – martok

我想你想使用['tabsshow'事件]（http://jqueryui.com/demos/tabs/#event-show）。因此：'$（“.selector”）.tabs（{0}）{（'＃leftnav'）。height（$（'＃mainbody'）。height（））;} }）;' – thirtydot

谢谢，我今天会试验这个并回报。 – martok

你需要#leftnav的高度设置为#mainbody的高度，或者给#mainbody相同的边框作为边界而不是

来源

2011-07-27 13:20:51 Semyazas

jQuery的标签，CSS和分界线

回答

相关问题