CSS位置调整

香港专业教育学院的问题与我的头菜单的CSS，时尽量中心菜单使用下面的CSS代码，CSS位置调整

.header ul.nav li { 
     float:right; 
     position-right:0px; 
     margin: 20px 0 0 15px; 


    } 
    .header ul.nav li a{ 
     color: #fcd770; 
     text-decoration:none; 
     font-weight:bold; 
     padding-right:50px; 


    }

的输出始终是菜单走在右边，甚至当我删除浮动：右其搞砸，我是什么也看这里移动菜单的全团中央保持同一空间btween的各个环节，我的我的菜单代码

<ul class="nav"> 
      <li><a href="#">Home</a></li> 
      <li><a href="/about/">about</a></li> 
      <li><a href="https://stackoverflow.com/users/">user</a></li> 
      <li><a href="/support/">Support</a></li> 
     </ul>

来源

2011-09-20 LeoSam

你从哪里得到'位置right'？它不存在.. – thirtydot

是否有一些CSS在这里丢失，用于'.nav' /'.header'？你可以做一个[jsFiddle演示]（http://jsfiddle.net/）你到目前为止？确保它显示你的问题。 – thirtydot

查看完整演示sudanesetweeps.com/new/index3w.php – LeoSam

在.header ul.nav，加text-align: center。

在.header ul.nav li，删除float:right和不存在position-right:0px;，再加入display: inline-block。

如果您需要支持IE7，用这个display: inline-block：

display: inline-block; 
*display: inline; 
zoom: 1

来源

2011-09-20 10:58:20 thirtydot

CSS位置调整

回答

相关问题