网站的头部导航条设置了style="position:fixed;height:0px;" 之后，下面的内容就被导航条遮挡住了。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网站的头部导航条设置了style="position:fixed;height:0px;" 之后，下面的内容就被导航条遮挡住了。相关的知识，希望对你有一定的参考价值。
进入网页，如何让导航条不遮挡下面，不是很懂，求详细方法；自己也试着在/head加一个div设置导航条的高度，好像不起作用，不知道是不是放错了。
我按照我对你问题的理解来说一说吧。可以给导航下面的元素增加一个margin-top，值和导航的高度一样，这样应该就不会覆盖了。滚动的时候如果出现导航被覆盖的情况，那可能就需要调整导航的z-index属性值了。题外话，可以适当给导航加一点点透明效果，可能效果会好一些。 参考技术A 为啥要设置fixed呢。。。。。如果方便可以贴下代码追问固定头部导航条
追答不需要这样啊，如果要固定头部，可以设置导航条为margin：0 auto；这样就会自动居中对齐了，并且顶部也没有间隙。这是主流的做法。
参考技术B 给body加个padding-top，就不会遮住下面的div内容BulletedList用途
1.用作最普通的信息显示（列表方式）
2.制作导航条
BulletedList3中模式
1.Text 文本
2.HyperLink 连接
2.LinkButton 按钮
BulletedList 导航条实例
<title>欢迎光临本网站</title>
<style type="text/css"> /*创建CSS样式表*/
.style1 {
/*设置 外边缘和内边缘为0px 边框底部 1px 实线 灰色 边框顶部1px 实线 灰色 */
margin:0px;padding:0px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;
/*背景图片在image文件夹里的back.jpg文件*/
background-image:url(image/back.jpg);
}
.style1 li {
/*display ：内行快 添补 15 30 15 30 边框右侧 1px 实线 #ddd */
display:inline-block;padding:15px 30px 15px 30px;border-right:1px solid #ddd;
}
.style1 a {
/*a标签 字体灰色 下划线取消*/
color:#666;
text-decoration:none;
}
.style1 a:hover
/*在a标签上盘旋时 颜色红色*/
{color:red;}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:BulletedList ID="BulletedList1" runat="server" CssClass="style1" DisplayMode="HyperLink">
<asp:ListItem Value="http://www.baidu.com">首页</asp:ListItem>
<asp:ListItem Value="http://51cto.com">相册</asp:ListItem>
<asp:ListItem Value="http://yun.baidu.com">论坛</asp:ListItem>
<asp:ListItem Value="http://yun.baidu.com">购物</asp:ListItem>
<asp:ListItem Value="http://yun.baidu.com">结账</asp:ListItem>
<asp:ListItem Value="http://yun.baidu.com">APP</asp:ListItem>
<asp:ListItem Value="http://yun.baidu.com">日记</asp:ListItem>
</asp:BulletedList>
</div>
</form>
</body>
</html>
以上是关于网站的头部导航条设置了style="position:fixed;height:0px;" 之后，下面的内容就被导航条遮挡住了。的主要内容，如果未能解决你的问题，请参考以下文章