CS6流体网格3种背景100％宽？

Question

我是流体网格的新手，顺便说一下，我开始学习不同的类型，现在尝试在cs6中构建页面（可能不是正确的选择）。我有一个问题，我在构建不流畅的页面时没有这个问题。我需要为页眉和页脚创建不同的背景图像，这些图像的宽度和宽度都是100％，不仅与媒体查询一样宽，而且还要将页面设置为960居中。

Answer 1

您是否尝试使标题比页面的其他部分更宽？ 为此，请在文档中创建不同的div。例如，我通常在主div中处理所有div，这样我的整个页面都会受到影响。例如，具有主div，页眉，正文和页脚的页面： #main #header #body #footer。标题，正文和页脚都是在主div中创建的。要使所有内容在页面中心以960px的宽度浮动，那么您只需将属性应用于#main div，如下所示：

#main {
    width: 960px;
    margin: 0;
}

边距将导致div浮动在中心。它不必是任何特定值，但您确实需要页面左侧和右侧的边距。

要仅浮动页面的其余部分，请在主div内创建除页眉和页脚之外的所有内容，并将标题的宽度设置为100％。因此，您将拥有以下整体代码段：

#header, #footer{
    width: 100%;
    margin: 0;
}
#main {
    width: 960px;
    margin: 0;
}

如果您还没有这样做，最好在两侧添加一些填充，以使图像和文本看起来不会碰到页面的一侧（这使得难以阅读或视图）。 5px通常都是我添加的。