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

<div id="top_bar">  <div id="nav">  <ul>  <li>Login</li>  <li>Register</li>  </ul>  </div></div>

#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;}

回复讨论(解决方案)

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

是不是这效果

<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>