css - CSS对齐元素

Question

我讨厌 CSS，因为总是很难预测它会渲染成什么。大家能帮我解决这个问题吗...

我需要下拉菜单中元素的右侧在箭头下方对齐。首先我想如果我这样做position:absolute，然后只是移动left到像素数，它会起作用，但如果用户名改变它会再次破坏一切

这是为您提供方便的小提琴

http://jsfiddle.net/Mwd2A/1/

谢谢你

Answer 1

如果我理解正确，您希望在悬停箭头时，该子菜单与箭头右对齐。

如果是这样：
将 css 属性添加到 .userSubmenu

position: relative;

添加css属性到.userSubmenu ul

position: absolute;
right: 0;

JSFiddle：http: //jsfiddle.net/Mwd2A/5/