CSS 对齐元素

Question

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

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

为了方便起见，这是 fiddle

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

谢谢

Answer 1

如果我没理解错的话，您希望在将鼠标悬停在箭头上时，该子菜单与箭头右对齐。

如果是这样的话:
将 css 属性添加到 .userSubmenu

position: relative;

为 .userSubmenu ul 添加 css 属性

position: absolute;
right: 0;

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