导航条永远置顶

lin_xingyu · 发表于 2013-12-1 16:23:42

我在html5里面的写的代码，在电脑浏览器里面都可以实现导航条置顶，但是放到gap里面就不行。有没有什么其他的办法让导航条一直置顶？
下面是代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title> New Document </title>
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <style>
body{margin:0;padding:0;height:1500px;}
.top{width:100%;height:30px;background:#ff0000;position:fixed;top:0px; }
id{ left:100px; top:100px; position:absolute;}
</style>
</head>
<body>


<div class="top"></div>
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
dksjfhakjsdh 
</body>
</html>