Css 如何使导航栏永久位于顶部？

我可以使导航栏始终位于顶部吗

我不是说：位置：固定；事情

我的导航栏的问题是，当你缩小它时，它不再位于顶部

我怎样才能使它像这个网站的导航栏一样，当你缩小它时，它总是在顶部

或

我有没有可能把它做成facebook的导航栏（上面写着“家”的导航栏）
有固定位置，但放大或缩小时仍然相同

整个css的代码在这里，导航栏的html也在那里

如果要查看该站点，链接为：

谢谢

ul.navbar{
浮动：左；
显示：内联；
}
#超级{
位置：相对位置；
顶部：70像素；
z指数：-1；
不透明度：0.9；
}
a、 导航栏{
显示：内联；
填充：9px；
显示：块；
浮动：左；
背景色：#009900；
文字装饰：无；
右边框：53px实心红色；
宽度：70px；
}
a、 导航栏：悬停{
颜色：#009900；
背景颜色：蓝色；
}
导航条{
边界：0px；
背景色：红色；
宽度：40000px；
高度：50px；
填充顶部：0px；
垫底：2件；
位置：固定；
底部：623px；
}
#链接1、链接2、链接3、链接4、链接5、链接6、链接7{
位置：相对位置；
底部：9px；
}
#缺点{
位置：相对位置；
顶部：150px；
宽度：250px；
z指数：-1；
}
h1{
颜色：黄色；
字体系列：“按开始2P”，草书；
文本对齐：居中；
位置：相对位置；
顶部：40px；
不透明度：0.5；
}
氢{
颜色：#009900；
文本对齐：居中；
字体系列：'Orbitron'，无衬线；
位置：相对位置；
顶部：120px；
字体大小：60px；
}
#资料{
颜色：#b2950b；
文本对齐：右对齐；
字体系列：“Amatic SC”，草书；
位置：相对位置；
顶部：300px；
字号：17px；
}
#马尔克{
颜色：#fff；
背景色：黑色；
位置：相对位置；
顶部：70像素；
字体系列：“Josefin Slab”，衬线；
}

您必须使用：

top:0而不是
底部：623px用于
div.navbar
。使用
bottom
属性是有人缩小页面时
div.navbar
元素下降的原因

之前：

之后：
更改此类别：

div.navbar{
border: 0px;
background-color: red;
width: 40000px;
height: 50px;
padding-top: 0px;
padding-bottom: 2px;
position: fixed;
top:0; /*added this*/

}

对。默认情况下，无论缩放如何，事物总是从上到下流动

虽然你可以试着寻找一种有效的绷带，但我认为你走的是一条有严重问题的错误道路。从您的代码中可以清楚地看到，您对HTML和元素的样式有很多误解

您真正应该做的是基本上修改整个页面：

修复站点中的多个语法问题/了解-
，
，
，
，不带
，
bgcolor
属性之外的脚本

然后，使用适当的HTML从上到下布局您的站点

根据我的猜测，你想要这样的东西：

<nav id="navbar">
    <a id="link1">...</a>
    <a id="link2">...</a>
</nav>

<img id="logo" src="..." alt="Awesome Logo" ...>

<h1>...</h1>
<h2>...</h2>


...
...
...
...

在不接触HTML的情况下添加CSS
你会意识到你实际上不需要做任何特殊的事情来让它保持在顶端——它总是这样。
注意，HTML5不支持
center
标记。
marquee
也不支持。我是说，伙计P