使用css的動態佈局

Question

我有一個標準頁眉和頁腳的4列布局。它是這樣的

<div id="header"></div> 
<div id="leftnav"></div> 
<div id="maincontent"></div> 
<div id="nextcontent"></div> 
<div id="addtionalinfo"></div> 
<div id="footer"></div> 

像這樣的事情http://jsfiddle.net/gaby/mBuf9/

但如果沒有內容/在中心的數據，我想最右邊的格跨越和佔據整個內容空間。同樣，如果最左邊的div中沒有​​內容，我希望maincontent跨越剩餘的空間。有沒有辦法做到這一點？

Answer 1

你可以嘗試下面的東西。

下面是內容的小提琴：

http://jsfiddle.net/mBuf9/27/

而且沒有內容相同的小提琴：

http://jsfiddle.net/mBuf9/28/

主要的變化是， DIV s被放置在table和css中的一些小變化。

希望這有助於...