css - 如何将 div 分成多个部分(使用最小高度 100%)？

Question

我正在使用以下布局:http://peterned.home.xs4all.nl/examples/csslayout1.html

现在，我正在尝试创建这样的东西:http://imgur.com/P64BojY

我想要的是一个页眉、页面中间的两个 div 和一个固定的页脚。所有的 div(除了页脚)应该是相同的大小。

基本上，我要做的是将中央 div(根据我之前提到的布局)分成两个相同大小的 div，我需要页脚留在页面底部虽然。

对于我的其他页面，我需要使用相同的布局，但底部 div 除外，它必须分成 3 个 div，如下所示:http://imgur.com/XuxxlAE

我不确定该怎么做，因为我正在使用最小高度 100%...

是的...任何帮助将不胜感激!谢谢

Answer 1

这是你想要的吗？更容易向您展示一个 jsfiddle，以便您检查所需的 css。

<div class="container">
<div class="containerDivs">
    <div class="div1">
           div1
    </div>    
    <div class="div2">
            div2
    </div> 
</div>     

<div class="footer">
        footer
</div>

</div>

http://jsfiddle.net/QcG7a/