页眉和页脚Css

Question

我已经研究过网页维度，我已经确定了网格960px。但是我不明白页眉和页脚上的一件事。例如，stackoverflow的标题包含用户名|注销|聊天| meta |关于|常见问题解答和搜索框。它在浏览器的端到端运行。如何让我的标题在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;
}

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

Answer 3

尝试一下

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