拥有 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最大”:)