让顶部导航固定于页面的最顶端，无论页面上下滚动，顶部导航始终处在最顶端。
*{ margin:0; padding:0}
body{ padding-top:60px; }
#nav{ width:100%; height:60px; position:fixed; left:0; top:0; background:#FF0000; margin-bottom:0; }
#main{ width:100%; height:800px; background:#0000FF;}
<body>
<div id="nav">this is top navbar</div>
<div id="main">this the page main part</div>
</body>
该布局要点是顶部导购采用 position:fixed; left:0; top:0; 固定在顶部，BODY{ padding-top:60px;}让顶部导航不遮盖主体内容。