从屏幕下拉菜单

时间:2013-08-16 07:31:34

标签: html css drop-down-menu styling

我的下拉菜单出现此问题我似乎无法弄清楚如何移动下拉菜单,显示当您将鼠标悬停在“支持”按钮上方时,我想将其向左移动一点点,另一半正在伸出屏幕而无法看到。

这是它的链接。

[jsfiddle] http://jsfiddle.net/3ZzVT/1/

非常感谢所有回复和帮助!

3 个答案:

答案 0 :(得分:1)

http://jsfiddle.net/3ZzVT/3/

right: 0px添加到.head_menu ul选择器会使元素在导航项目下更好地定位。

答案 1 :(得分:1)

像这样.head_menu ul给position:relative;right:0;

<强> DEMO

<强> CSS

.head_menu ul
{
    padding:0px;
    margin:0;
    list-style:none;
    position:relative;
    right:0;    

}

答案 2 :(得分:0)

.head_menu ul li ul
{
    display: none;
    width: auto;
    position:absolute;
    top:30px;
    padding:0px;
    margin:0px;
    right: -15px; // I added this
}