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

如果您可以接受，请

应用这些样式。

CSS菜单右对齐问题

2 个答案: