css - 不能移动朝着某个方向

Question

已编辑 我正在使用 Twitter Bootstrap，需要向右移动导航栏（不是浮动：向右，而是在某个值上向右移动）。我可以向下移动它，但它不能正确移动。

我的导航的CSS：

.nav
{
top:1px;
border-bottom: 3px solid #c893c7;
padding-top:20px;
padding-bottom:16px;
}

我的html：

     <div class="topbar">
<div class="navbar ">
     <div class="container">

    <a href="#" id="logo"> <img src="logo.png" alt="logo" width="258" height="130" /></a>

    <ul class="nav">                    
          <li><a href="#">Home</a></li>
          <li class="divider-vertical"></li>
          <li><a href="#about">Download</a></li>
          <li class="divider-vertical"></li>
          <li><a href="#contact">F.A.Q.</a></li>
          <li class="divider-vertical"></li>
          <li><a href="#contact">Support</a></li>        
        </ul>      
        </div>

    </div>

</div>

问题出在哪里？

Answer 1

在您的导航类中添加浮动

.nav
{
top:1px;
border-bottom: 3px solid #c893c7;
padding-top:20px;
padding-bottom:16px;
float:right;
}

http://jsfiddle.net/rizwanabbasi/WmGpU/

Answer 2

我不知道这个解决方案是否很好，但我只是将我的导航放在附加的 div 中并在其中添加了填充。