Question

html导航栏怎么能一直悬浮上面？

Answer 1

1/8首先我们的html里，添加好导航内容。

2/8后面的就是网页的具体内容了，这里的代码简单一些。

3/8样式里，我们先定义一些菜单里的样式。

4/8这时运行页面时，在滚动条滚动下去后，导航是会消失不见的。

5/8为了让导航栏固定在顶部，我们可以在导航容器里添加样式position:fixed;top:0;关键是第一个样式，让它的位置固定起来。

6/8这时运行页面，页面滚动起来，导航也始终在顶部的。

7/8另外需要修改的地方是导航后面的页面内容，需要添加一个margin-top的样式，margin的高度就是导航的高度，或大一点，这主要是让其内容正常显示，而不会被改成position为fixed的导航遮盖住。

8/8添加margin后，导航后面的内容才能正常显示出来。