CSS 构建模板

Question

我正在设计一个包含四个部分的 CSS 模板:-

1. 标题
2. 侧面导航
3. 主要内容
4. 页脚

侧面导航和主要内容将并排呈现，宽度为 (25%, 75%)。

我的问题是，这两个部分应该放在另一个容器中，还是应该放在与页眉和页脚相同级别的页面上？

Answer 1

取决于您的要求(现在看起来很简单)。您可以同时执行这两项操作，所以我认为您应该尽量减少标记并将它们设置在与页眉和页脚相同的级别。

这是您可以执行的操作的示例:

FIDDLE

<header></header>
<nav></nav>
<main></main>
<footer></footer>

CSS:

header, footer {
    height: 200px;
    background:green;
    clear:both;
}
nav, main {
    float:left;
    width:25%;
    height:500px;
    background:gold;
}
main {
    width:75%;
    background:red;
}