Maison > interface Web > tutoriel HTML > 导航栏显示不正常_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 12:18:49
original
1037 Les gens l'ont consulté

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

我并没有用margin-top, padding-top之类。

<div id="top_bar">  <div id="nav">  <ul>  <li>Login</li>  <li>Register</li>  </ul>  </div></div>
Copier après la connexion


#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;}
Copier après la connexion


回复讨论(解决方案)

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

是不是这效果

<div id="top_bar">  <div id="nav">  <ul>  <li>Login</li>  <li>Register</li>  </ul>  </div></div>
Copier après la connexion

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal