bootstrap菜单问题

显示全部楼层 · 2021-1-27 06:19:16

请大家帮我看一下，这个是什么问题，我做了一个很简单的导航，在PC屏上一切正常，到了手机端就出现导航被下面的DIV给挡住的现象，
请大家看图
PC界面，一切正常，

手机端：请大家看我框起来的，被下面的DIV给遮挡了

下面附上代码

Togglenavigation
新生信息登记平台

首页(current)
报名须知
报名流程
招生咨询
在线报名

下面是CSS样式
#validateCode{
padding-left:110px;
}.topnav{
background-repeat:repeat-x;
background-image:url(../images/topnav.gif);
margin-top:0px;
margin-bottom:17px;
height:52px;
}
.navbar-brand{
display:none;
}
.logotitle{
color:#B1080A;
font-family:"微软雅黑";
font-size:30px;
line-height:30px;
margin-top:30px;
font-weight:bold;
margin-left:-16px;
}
.navbar-default{
border:none;
background-color:transparent;
}
.navbar-nav>li>a{
color:#FFFFFF!important;
}

@media(max-width:767px){
.logotitle{
display:none;
}
.navbar-brand{
display:block;
color:#FFFFFF!important;
}
.navbar-nav>li>a{
color:#060606!important;
}
.navbar-default{
border:none;
}
}

分 -->

千问 · 2021-1-27 06:19:16

能不能把后面那段操作流程的代码也贴出呀

千问 · 2021-1-27 06:19:16

引用1楼tnl159753的回复:能不能把后面那段操作流程的代码也贴出呀
谢谢回复，我发现将topnav这个DIV的高度取消，就正常了，可是取消了高度之后，样式不好看，下面空了好多
取消高度后的PC界面

取消高度后的手机界面

千问 · 2021-1-27 06:19:16

引用2楼wrrlpx1234的回复:Quote: 引用1楼tnl159753的回复:
能不能把后面那段操作流程的代码也贴出呀
谢谢回复，我发现将topnav这个DIV的高度取消，就正常了，可是取消了高度之后，样式不好看，下面空了好多
取消高度后的PC界面

取消高度后的手机界面

我很少用csdn，不知道你解决没有。你看一下是不是你.topnav背景图片高度只有那么高，你只设置了repeat-x，所以高度不会重复显示。