帶有標題和100％高度左側菜單的Html佈局

我正在努力創建一個非常簡單的標題佈局和2列內容 - 左側導航和右側內容（http://jsfiddle.net/WsQbs/4/）。帶有標題和100％高度左側菜單的Html佈局

我無法實現的是菜單和內容佔據頁面高度的100％（不僅僅是窗口），而菜單和內容之間有一條垂直線（邊界）。問題是，當絕對定位內容並且任何2列有足夠的內容時，滾動條出現時，相應div的背景和邊框仍然只佔用窗口的100％，而不是內容的全部高度。

2011-07-01 Konstantin

你'＃內容wrapper'不會使用100％的高度，因爲'＃header'具有50像素高度，除了它也有一個不同的頂部比0的位置.. – jackJoe

我找到了解決方案，請在這裏查看我的答案：http://stackoverflow.com/a/26994674/1096901 – Srneczek

絕對位置阻止你想要。這是你想要的嗎？ http://jsfiddle.net/bingjie2680/WsQbs/6/

2011-07-01 10:35:05 bingjie2680

不 - 如果您只留下少量內容，則div不再佔用頁面的100％ http://jsfiddle.net/WsQbs/7/ – Konstantin

主體應該有一個實際的高度。所以divs的高度可以參考它。將身高設置爲很大的值。它會起作用，當然這不是一個完美的解決方案，但它可以使用。請參閱更新。 – bingjie2680

這意味着總是有滾動條，這不是我所需要的:( – Konstantin

回答