html - 当只有页眉和页脚背景是灵活的而不是内容时，首选的编码方式是什么？

Question

当只有页眉和页脚的背景是灵活的而不是内容时，首选的编码方式是什么？

目前我用的是这个方法吗？有没有更好的方法来做到这一点？

<header style="background:red>
<div style="width:950px; margin:0 auto">
</div>
</header>

<div id="content" style="width:950px; margin:0 auto">

</div>


<footer style="background:blue>
<div style="width:950px; margin:0 auto">
</div>
</footer>

我使用内联 css 只是为了举例

实际加价是

 <header>
    <div id="header-inner">
    </div>
    </header>

    <div id="content">

    </div>


    <footer>
    <div id="footer-inner">
    </div>
    </footer>

我正在为台式机和 iPad 制作网站。 iPad 具有固定宽度，但桌面可以是任何宽度。

Answer 1

页眉和页脚使 100% 宽度，内容将其固定为 95% 宽度，因此页眉和页脚是灵活的。

CSS:

header {
width:100%;
background:#ccc;
}

footer {
width:100%;
background:#ccc;
}

#content {
width:95%;
margin:0 auto;
}