css - 页眉和页脚 CSS

Question

我一直在研究网页尺寸，后来我选择了 960px 网格。但是我不了解页眉和页脚的一件事。以包含用户名 | 的stackoverflow 的页眉为例。登出 | 聊天 | 元 | 关于 | 常见问题解答和搜索框。它在浏览器端对端运行。如何让我的标题在 css 中端对端运行？

谢谢。

Answer 1

在你的 CSS 中：

#header {
height: 100px;
width: 100%;
background-color: red;
}
#middle {
width: 960px;
margin: auto;
background-color: blue;
}
#footer {
width: 100%;
height: 100px;
background-color: green;
}

这只是相关位，而不是整个 CSS 代码 :)

Answer 2

960.gs 只是一个工作的“蓝图”。在深入了解基于网格的系统之前，学习基础知识可能会更好。

所以只使用负边距：

#custom-header {
    background-color: #EEE;
    height: 31px;
    margin-bottom: -31px;
}

在 a 之前<div id="header"></div>，这是一个 960px 宽的居中 div。

Answer 3

尝试这个

@media print {
    @page {
        margin-top:0;
        margin-bottom:0;
        margin-top:initial;
    }
}