如何创建一个固定的顶部导航栏？

Question

4

我想在页面顶部创建一个黑色带（用作导航系统），并且我希望它的位置固定，所以当我在页面上向下滚动时它会保持在屏幕上。我不确定如何让它始终可见，是否需要创建CSS来创建导航条，或者插入一个黑色框然后使用CSS将其置于顶部？

- Dane

1

可能是类似Twitter的固定标题的重复问题。 - isherwood

我不确定如果没有CSS如何创建这个黑盒子，或者使用CSS创建它与创建后再进行“CSS化”有什么区别。 - JJJ

啊，抱歉，我来澄清一下：）我的意思是，我需要创建一个黑盒子然后用CSS进行修改吗？还是直接创建CSS即可呢？我是新手。 - Dane

没有所谓的“用CSS修改它”。你要么有一个CSS规则，要么没有：谈论“用CSS修改”和“创建CSS”是没有意义的——它们是同一件事情。（你可以使用JavaScript来改变元素的样式，但在这种情况下这并不有用。） - JJJ

1

你不是一周前就问过同样的问题了吗（http://stackoverflow.com/questions/16258283/creating-a-navigation-bar-fixed-on-the-top-of-screen），而且得到的回答几乎都一样吗？ - JJJ

感谢您的回复，Juhana。但是如果您足够关注我一周前发布的“相同问题”，您会注意到它并没有解决我的问题。 - Dane

2个回答

1

在这个黑色条块所在的div中，按照以下css设置将其“position”属性设置为“fixed”：

position: fixed;

- sbru

啊，谢谢。我该如何在上面添加按钮并保持位置不变呢？它们需要在CSS中使用单独的名称吗？ - Dane

2

你需要更深入地研究HTML和CSS。访问w3schools.com或code academy，以便更好地了解HTML和CSS的工作原理。 - npage

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- npage · Accepted Answer

CSS

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