我的下拉菜单出现此问题我似乎无法弄清楚如何移动下拉菜单,显示当您将鼠标悬停在“支持”按钮上方时,我想将其向左移动一点点,另一半正在伸出屏幕而无法看到。
这是它的链接。
[jsfiddle] http://jsfiddle.net/3ZzVT/1/
非常感谢所有回复和帮助!
答案 0 :(得分:1)
将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
}