html - 使用 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 跨越并占据整个内容空间。同样，如果最左边的 div 中没有内容，我希望 maincontent 跨越剩余空间。有办法吗？

Answer 1

您可以尝试以下方法。

这是内容的小提琴：

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

同样没有内容的小提琴：

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

主要的变化是 div 被放置在了 atable和 css 中的一些小变化。

希望这可以帮助...