接下来我们在html的body结构里添加导航条的内容，如下图所示 然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示，书写样式的时候一定要注意写在style标签里面 最后运行html页面，你就会看到如下图所示的导航。

HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下1，首先在html中，添加良好的导航内容2，后者是网页的具体内容，这里的代码比较简单3，在样式中，首先在菜单中定义一些样式4，此时，在运行页面时，滚动条。

HTML中元素的位置可以用margin来实现，导航栏往下移可以使用margintop属性，举例element margintop100px。

lt！doctype html lthtml lthead lttitle导航条lttitle ltstyle body margin 0boxsizing borderbox nav *最外层框宽度* width 150px nav ul margin 0padding 0 nav ul li。

首先打开SublimeText软件，新建一个html页面，并且在html页面中准备好html结构，如下图所示 接下来我们在html的body结构里添加导航条的内容，如下图所示 然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示。