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

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

我现在用这个方法吗？有没有更好的办法

<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有固定的宽度，但桌面可以是任何东西。

---

为什么要在

页眉和
页脚中添加另一个

另外，请删除内联css（如果它不在这里，仅用于此示例）

除此之外，您的代码在我看来很好
页眉和页脚的宽度为100%，内容的宽度为95%，因此页眉和页脚是灵活的

css:

这是另一种方法。不一定更好。你的方法看起来不错

<div class="wrapper">
    <header>
    </header>

    <div id="content">
    </div>

    <footer>
    </footer>
</div>

例如，内联css。我们需要额外的div来保持内容在中心，而不是灵活。例如，我添加了图像
<div class="wrapper">
    <header>
    </header>

    <div id="content">
    </div>

    <footer>
    </footer>
</div>

.wrapper { width: 950px; margin: 0 auto; }
header, footer { margin: 0px -9999px; padding: 0px 9999px; }