当前位置:Gxlcms > html代码 > 导航栏显示不正常_html/css_WEB-ITnose

导航栏显示不正常_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:33人阅读

我想弄一个导航栏固定在顶端的样式。现在的显示有点问题,如下图:

我并没有用margin-top, padding-top之类。
  1. <div id="top_bar"> <div id="nav"> <ul> <li>Login</li> <li>Register</li> </ul> </div></div>


  1. #top_bar{top:0;left:0;right:0;height: 40px;width:100%;position:absolute;background-color: #00CCFF;}#nav{width:960px;height:40px;margin:auto;background-color:#c0c0c0;}ul{height:40px;float:right;margin-right:20px;list-style:none;background-color:#000;}li{height:40px;float:left;margin-left:20px;color:#ffffff;}


回复讨论(解决方案)

不会吧 没人能解决这个问题啊

是不是这效果

  1. <style>#top_bar { top:0; left:0; right:0; height: 40px; width:100%; position:absolute; background-color: #00CCFF;}#nav { width:960px; height:40px; margin:auto; background-color:#c0c0c0;}ul { height:40px; float:right; margin-right:20px; list-style:none; background-color:#000;}#nav ul{margin:0px; }li { height:40px; line-height:40px; float:left; margin-left:20px; color:#ffffff;}</style><div id="top_bar"> <div id="nav"> <ul> <li>Login</li> <li>Register</li> </ul> </div></div>

人气教程排行