Question

亲爱的Stackoverflow成员，

我希望你很开心。

我见过很多HEADER FIX网站（当我们向下滚动标题总是可见并且在浏览器屏幕上也是顶部时）。

我尝试了一些技巧来修复标头，但找不到合适的程序。

如果您有任何想法，请指导我。

示例：屏幕上始终显示Facebook时间线标题（朋友请求，消息和通知）。

谢谢

祝你好运， Zohaib

Answer 1

试试这个

jsfiddle http://jsfiddle.net/harshdand/xd1upff6/

HTML

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

CSS

#header{
    width:100%;
    position:fixed;
    top:0;
    height:80px;
    background-color:gray;
}

#content{
    height:800px;
}

body{
    margin:0;
}

Answer 2

查看引导程序Web框架及其执行方式（navbar fixed）

Answer 3

<强> Demo

HTML

<header></header>
<section></section>
<footer></footer>

CSS

body, html {
    position: relative;
    margin:0;
    padding:0;
}
header, footer {
    position: fixed;
    width: 100%;
    background-color: black;
}
header {
    top: 0;
    height: 50px;
}
footer {
    bottom: 0;
    height: 50px;
}
section {
    position: relative;
    width: 100%;
    height: 1400px;
}

FIX标题网站

3 个答案: