HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下：
1，首先在html中，添加良好的导航内容。
2，后者是网页的具体内容，这里的代码比较简单。
3，在样式中，首先在菜单中定义一些样式。
4，此时，在运行页面时，滚动条滚动后导航将消失。
5，为了将导航栏固定在顶部，可以添加样式位置：固定；最高：0在导航容器中，键是第一个样式，因此其位置是固定的。
6，此时，页面开始运行，页面向上滚动，并且导航始终在顶部。
html做导航栏步骤如下：1、用Dreamweaver新建一个HTML文件；
2、按ctrl+s先保存，以防突然断电数据丢失；
3、修改title为html+css实现横向导航；
4、新建一个divid为“a”，添加ulli标签；
5、在li中添加自己想要的文字并调整好文字间距，按F12预览；6、首先去掉字体前面的小黑点。
HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
你多余的空table太多了，删了，就自动置顶了：<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="440" height="31" bgcolor="#666666">
<strong>Username</strong>
<input name="textfield1" type="text" value="kevin272" maxlength="15" width="35px"/>
<strong>Password</strong>
<input name="textfield2" type="password" maxlength="10" width="25px"/>
<input name="button1" type="submit" value="Login" height="10" width="10">
</td>
<td width="188" align="right" bgcolor="#666666">
<strong>Search</strong>
<input type="text" name="textfield3" width="40"/>
<input name="button2" type="submit" value="Go" height="10" width="10">
</td>
</tr>
</table>
</body>
