使用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中的一些小变化。

希望这有助于...