1、position relative然后在二级ul的样式中添加以下属性position absolutetop 100%left 0这会将二级ul的位置相对于一级导航条进行定位，而不是页面的顶部同时，由于一级导航条已经设置了相对定位，因此它应该保持不。

2、2在indexhtml中的ltbody标签中，输入html代码ltbutton style=quotposition absoluteleft 250pxtop 40pxquot按钮ltbutton3浏览器运行indexhtml页面，此时按钮被固定在距离上方40px，左侧250px的位置。

3、58为了让导航栏固定在顶部，我们可以在导航容器里添加样式positionfixedtop0关键是第一个样式，让它的位置固定起来 68这时运行页面，页面滚动起来，导航也始终在顶部的78另外需要修改的地方是导航后面的页面内容。

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

5、01首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示02接下来，我们在html的body结构中添加导航栏的内容，如下图所示03然后需要在style标签中用CSS定义导航条的样式，如下图所示写。

6、表格宽度=bordertop#bpxridgetdvalign=topstyle=paddingtop5pxpaddingleft3pximg src=pugongyingjpgwidth=100height=100td html中导航条的功能可以显示网站功能，一目了然，也可以直接跳转其它。

7、如图，制作导航条菜单一般是用一个div嵌套ul和li标签，然后li里面有a标签布局做好之后，开始写导航条的样式，如图，先清除导航条的margin和padding然后定位导航条的div，这里我就用绝对定位来居中，如果你有其他导航条居中。

8、直接将导航栏固定到可视区顶部 if scrollTop naviga_offsetTop a_navigation_bar0styletop = 0 + quotpxquot else 如果向下滚动的距离小原来导航栏离顶部的距离，则重新计算导航栏的位置 a_。

9、1导航条的设置效果 2通过列表制作 3导航条的DIV样式设置 4important实现对不同的浏览器设值，列表项样式 5但这样看起来还是没有任何效果，只是显示文本一样为此，我们就需要在 标签中嵌套超链接标签，超链接。

10、lt！DOCTYPE html lthead ltmeta。

11、运用display的block设置左拉导航栏，设置下拉导航栏在HTML中设置导航栏左侧是运用display的block设置左拉导航栏，设置下拉导航栏HTML是由Web的发明者TimBernersLee和同事DanielWConnolly于1990年创立的一种标记语言，它是标准。

12、这个技术很简单如果你有一定的基础，下面这段代码对你会有帮助的但是如果你没有基础，建议你好好先补下基础望采纳 style=quotpositionfixedtop0pxleft0pxquot。

13、一般来讲实现导航栏指定是采用绝对定位的方式示例代码如下ltdiv class=quotnavquot这里是导航所在的DIV容器ltdiv CSS代码nav positionfixed * 绝对定位，fixed是相对于浏览器窗口定位 * top0 * 距离。

14、工具材料崇高的文本 首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示接下来，我们在html的body结构中添加导航栏的内容，如下图所示然后需要在style标签中用CSS定义导航条的样式，如下。

15、添加 navbarfixedtop 类可以让导航条固定在顶部，还可包含一个 container 或 containerfluid 容器，从而让导航条居中，并在两侧添加内补paddingltnav class=quotnavbar navbardefault navbarfixedtopquot ltdiv。