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和分界線

回答

相關問題