html - 如何将css菜单的元素从右到左对齐

Question

I am looking at this example of a only css generated drop down menu:

我想知道如何使“关于我们”选项卡下的项目从右到左对齐。现在它们看起来像这样：

   About us
   |Menu items with different length|

我希望它看起来像这样：

                             About us
   |Menu items with different length|

score 6 · Accepted Answer

6

像这样

css

li ul {
    display: none;
    position:absolute;
    right:0;
}

于 2013-09-30T07:39:28.513 回答

score 3 · Accepted Answer

只需添加right:0;到li:hover ul或到li ul

li:hover ul {
    display: block;
    position: absolute;
    right:0;
}

score 0 · Accepted Answer

float:right在您的 CSS 样式中使用。

li ul {
display: none;
position:absolute;
float:right;
}

3 回答 3