如何將固定高度div與高度以％表示的div結合起來？

Question

我有3個垂直div： topdiv - 這有一個固定的高度100px;中間分隔符 - 這應該填充頁面的其餘部分。012dixbottomdiv - 它的固定寬度爲200px;

我想放置divs，使bottomdiv位於屏幕底部，頂部頂部和middlediv應填充頂部和底部div之間的空間。

此前我使用JavaScript來調整中間div，但是當瀏覽器窗口調整大小時，中間div不會改變。

任何想法？

Answer 1

其他人發佈了this對類似問題。我沒有使用過這個，但它確實幫助了他們。也許這會幫助你。它使您可以選擇在頁面底部有頁腳，即使內容沒有達到底部。試一試。

Answer 2

好，你可以使用min-height: x%，但它是不可能做到這一點其他明智的使用純CSS，使用jQuery的 它會是這個樣子：

$(document).ready(function() 
{ 
wh = $(window).height(); 
md = $("middlediv").outerHeight() 
if (md+100 < h) 
{ 
$("#middlediv").css("height", w-100 + 'px'); 
} 

} 

如果你要添加窗口大小的事件處理程序，這是可能的，基本上是相同的功能（或多或少）。

Answer 3

請參閱456bereastreet或嘗試this fiddle。