2013-02-27 111 views
0

我讨厌CSS,因为总是很难预测它会渲染成什么。你们可以帮我解决这个问题吗...CSS对齐元素

我需要右下方的下拉菜单中的元素右对齐箭头下。首先,我想如果我做position:absolute,然后只是移动left将像素数目,它会工作,但如果用户名更改它再次打破了一切

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

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

谢谢

+2

要小心没有包含在标签中的向下箭头。它可能无法像预期的那样跨浏览器工作。我会把它放在一个跨度。 – ProfileTwist 2013-02-27 20:09:50

回答

2

如果我理解正确,你想在悬停箭头时,该子菜单显示与箭头对齐。

如果它是:
添加CSS属性.userSubmenu

position: relative; 

添加CSS属性.userSubmenu UL

position: absolute; 
right: 0; 

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

+0

看起来像它的工作!谢谢 – Agzam 2013-02-27 20:34:38

+0

它适用于您在jsfiddle中放置的内容,希望它能在真实环境中工作。 – rjml 2013-02-27 20:38:33