如何创建固定的顶栏?

时间:2013-05-06 19:41:56

标签: html css

我想在页面顶部创建一个黑色条带(用作导航系统),我想要修复位置,所以当我向下滚动页面时,它将保留在屏幕上。

我不确定如何才能让它在任何时候都能在屏幕上看到&我是否需要创建一个CSS来创建导航条,或者插入一个黑盒子然后将它CSS添加到顶部?

2 个答案:

答案 0 :(得分:16)

CSS

#blackBar{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:black;
}

http://jsfiddle.net/LzDR7/

答案 1 :(得分:1)

在这个黑色条带的div中,将其“position”属性设置为css中的“fixed”,如下所示:

position: fixed;