如何右对齐到左的CSS菜单的内容

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

，我想知道我怎样才能使“关于我们”选项卡下的项目从右对齐到left.Now他们看起来像：

About us 
    |Menu items with different length|

我希望它看起来像：

       About us 
    |Menu items with different length|

像这样

CSS

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

2013-09-30 07:39:28 falguni

谢谢。这工作。 – mathinvalidnik

我会这样做的。我可以问你为什么当我改变为1，-1等时它总是一样的吗？当我将它设置为0时，它正是我想要的。什么是正确的意思：0 ？ – mathinvalidnik

@mathinvalidnik只有0才能写入没有单位。使用'-1px'或'1px'，你会看到不同之处。 – avrahamcool

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

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

2013-09-30 07:37:03 avrahamcool

在你的css风格中使用float:right。

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

2013-09-30 07:54:21 Sindhu

回答