css - Superfish 菜单右对齐

Question

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

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

主页应该是左边的第一个元素，但整个菜单都在右边对齐。

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

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

这不是我应该做的吗？

谢谢!

Answer 1

向右浮动意味着每个元素都 float 到最合适的位置。因为 HTML 代码是从上到下解释的，所以这会“翻转”顺序。

您应该float: right 菜单容器而不是元素。首先，确保 block 元素尊重 float 内容:

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

然后应用 float :

.sf-menu {
    float: right;
}

.sf-menu li {
    float: left;
}