css - 拥有 100% 标题和包含固定内容的包装器的最有效方法？

Question

拥有 100% 页眉、固定宽度内容和 100% 页脚的最有效方法是什么？

我正试图将我的 div 限制在最大值，但现在我被卡住了......

有人帮忙吗？

多谢

Answer 1

这是最简单的版本：

<div class="header">
    <p>Header</p>
</div>
<div class="main">
    <p>Content</p>
    <p>Content</p>
    <p>Content</p>
</div>
<div class="footer">
    <p>Footer</p>
</div>

CSS：

div {
    margin:0 auto;
}
.main{
    width:400px;
}

http://jsfiddle.net/Madmartigan/adkfF/3/

这是一个版本，页眉和页脚的内部内容固定宽度以与主要内容对齐：

http://jsfiddle.net/Madmartigan/adkfF/1/

3 个 div 就像你可以去的一样简单，我假设你想最小化你的 div 而不是“将我的 div 限制到最大值”:)