1，首先在html中，添加良好的导航内容2，后者是网页的具体内容，这里的代码比较简单3，在样式中，首先在菜单中定义一些样式4，此时，在运行页面时，滚动条滚动后导航将消失5，为了将导航栏固定在顶部，可以添加样式位置固定最高0在导航容器中，键是第一个样式，因此其位置是固定的6。

绿色盒子会保持在原处然而，如果给黄色盒子添加相对定位，它会向上右移动，但不会挤占其他元素的空间最后，固定定位position fixed是最具特色的定位方式，它始终相对于浏览器窗口定位，不随页面滚动例如，网页上的小广告和导航栏，无论用户如何滚动页面，它们都会保持在屏幕的固定位置。

这位网友你好，属性positionfixed是相对body元素设置的，如果你是想让导航栏固定在顶部的话可以用这个属性导航栏的宽度设置为100%具体设置方法如下header positionfixed left0 top0 width100%。

6HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下1，首先在html中，添加良好的导航内容2，后者是网页的具体内容，这里的代码比较简单3，在样式中，首先在菜单中定义一些样式html从子页面跳转首页，首页不出现如果您需要在从另一个页面移动到此页面后跳转到另一个位置，则需要将aname=。

18首先我们的html里，添加好导航内容28后面的就是网页的具体内容了，这里的代码简单一些38样式里，我们先定义一些菜单里的样式48这时运行页面时，在滚动条滚动下去后，导航是会消失不见的58为了让导航栏固定在顶部，我们可以在导航容器里添加样式positionfixedtop0关键是第一个样。

ltbody lthtml 上面的代码已经实现了需要的功能，导航条固定在了网页的顶部，这个主要是使用了positionfixed，然后将top值设置为0即可，但是仅仅使用positionfixed还是不够，因为IE6浏览器并不支持，所以还需要进行浏览器兼容性设置，那就是添加以下代码即可_positionabsolute* 把导航栏位置定义。