Question

我想让菜单显示在栏的右侧而不是左侧。我尝试了几件事......

这是工作脚本（除了菜单不在我想要的右边）... http://jsfiddle.net/8Y4DH/5/

我试过调整UL和LI css ......

.fusion ul{
clear: both;
float:right !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: auto !important;
padding: 0px;
z-index: 1000;
max-height: 65px !important;
min-height: 65px !important;
}

然后将LI设置为向左浮动，但这根本没有做任何事情。然后我尝试将LI设置为向右浮动，然后菜单向后显示（这也破坏了第一个：子和最后：css中的子设置）。我不知道如何让它正常工作，因为我通常做的所有事情都不适用于这个脚本。

有人可以帮忙。我过去几天尝试过这个工作，我几乎准备放弃了。我不能只是向后显示菜单，然后以相反的顺序放置菜单项，因为这会混淆我将要放入的另一个脚本，以使菜单在某些维度上具有移动响应性。请帮忙。

Answer 1

更新您的CSS，如下所示。

.fusion ul{
clear: both;
float:right !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: auto !important;
padding: 0px;
z-index: 1000;
max-height: 65px !important;
min-height: 65px !important;
width:auto !important; /* this will override the 100% inline style */
right:0; /* this will align right the menu */
}

DEMO

Answer 2

将你的js改为以下：

if(settings.bar != 'aside'){
            navbar.css({
                'position':'relative',
            });
        }

fiddle

只需删除width:100%

即可

Answer 3

请检查小提琴，您已设置

的值

. fusion ul li{
    display: inline;
        margin-right: 15px;
        padding: 22px 0;
        float:left !important;}

demo

更改为：

.fusion ul li{
    display: inline;
    margin-right: 15px;
    padding: 22px 0;
    float:right !important;
}

Answer 4

尝试删除width 100%上的auto（以及position: absolute}和<ul>上的static（因此它会再次{{1}}。）

让菜单浮动吧？

4 个答案: