我确信可能有人问过这个问题,但我找不到正确的解决方案..
我需要在鼠标悬停的图标上显示一个菜单,该图标可以放置在页面的任何位置。示例代码在这里:(http://jsfiddle.net/Qfjdk/2/)这显示了弹出窗口,但是如果我将代码从
#nav {
margin:0;
padding:0;
list-style:none;
float: left;
}
到
#nav {
margin:0;
padding:300px;
list-style:none;
float: right;
}
可以看出,菜单的位置总是在下方居中。我想根据图标的显示位置更改菜单的位置。
如果图标元素右对齐,我想将菜单定位在图标的右边缘。如果图标元素位于显示页面的左下角,我希望左下角的菜单与左上角的元素对齐,等等。
我不是在寻找算法,而是在寻找设置参数的正确方法.. 感谢您的帮助