0

我正在尝试将 superfish 配置为以我想要的方式显示。到目前为止一切看起来都不错，只是我希望菜单正确对齐。这也有效，但现在我所有的菜单项都被镜像了，所以不再按照我想要的顺序......

看看：http ://web288.merkur.ibone.ch/klingler_ag/

主页应该是左边的第一个项目，但整个菜单都向右对齐。

我所做的是float:right在.sf-menu li 

.sf-menu li {   
    line-height: 50px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    float:right;
}

这不是我应该做的吗？

谢谢！

4

3 回答 3

1

向右浮动意味着，每个元素都会浮动到它可以到达的最右边的位置。因为 HTML 代码是从上到下解释的，所以这会“改变”顺序。

您应该float: right使用菜单容器而不是项目。首先，确保块元素尊重浮动内容：

.ym-wbox:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

然后应用浮动：

.sf-menu {
    float: right;
}

.sf-menu li {
    float: left;
}
于 2013-04-03T17:36:27.540 回答
0

float:right容器，然后text-align:right是链接。

于 2013-04-03T17:37:58.897 回答
0

试试这个：

.sf-menu {
    height: 45px;
    margin: 0;
    padding: 0;
    text-align: right; /* ADDED THIS */
}

.sf-menu li {
    background: none repeat scroll 0 0 #DB0000;
    display: inline-block;
    /* float: left; HID THIS */
    line-height: 50px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    display:inline-block; /* ADDED THIS*/
}
.sf-menu li {
    /* float: left; HID THIS */
    position: relative;
    width: auto;
}
于 2013-04-03T17:38:52.673 回答