css - CSS菜单右对齐问题

Question

我的网站 ( http://goo.gl/Di4jX ) 出现问题 问题：我无法让菜单向右对齐（距页面右侧 2%）。“我试过浮动：对”但是当我这样做时，菜单项的顺序错误。有没有办法来解决这个问题？非常感谢您的帮助格雷格

Answer 1

它适用于此：

#nav {
    right: 2%;
    list-style: none;
    position: fixed;
    /* float: left; useless with position fixed*/
    top: 30px;
    /* width: 50%; */
}

#nav > li {
    display: inline-block;
    /* dirty hack for IE7 */
    *display: inline;
    *zoom: 1;
}

Answer 2

您可以通过减少容器的权利或减少该 ul 的宽度来实现它

例如CSS： -

#nav {
    float: right;
    list-style: none outside none;
    position: fixed;
    right: 2%;
    top: 30px;
    width: 43%;
}

或者

#nav {
    float: right;
    list-style: none outside none;
    position: fixed;
    right: -5%;
    top: 30px;
    width: 50%;
} 

如果您可以接受，请应用这些样式。