javascript - Jquery 下拉菜单,如何在我的容器 div 中定位

标签 javascript jquery html css

我在页面顶部有一个固定位置的菜单,里面是一个带有菜单项的 div 和一个 .container 类,以便居中和限制宽度。我似乎无法弄清楚如何限制我的下拉菜单以保持在 .container 类宽度限制中。它一直向右移动,并将根据页面宽度被切断。非常感谢任何帮助。

http://jsfiddle.net/rKaPN/47/

最佳答案

http://jsfiddle.net/rKaPN/51/

更改:

//fixed so submenu will be relative to menuitem
.menu ul li{
    padding:0;
    float:left;
    position:relative;
}

//if a rightmenu, float right instead of left
li.menu-right.drop-down ul{
    display:block !important;
    position:absolute;
    right:0;
}

关于javascript - Jquery 下拉菜单,如何在我的容器 div 中定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7934226/

相关文章:

javascript - 将 div 标记添加到我的 .js.erb 文件时,Ajax 功能似乎失败

javascript - Google map - 将其设置为与 Rails 5 一起使用 - 地理编码器而不是地理编码

javascript - 动画改变div的位置

javascript - jQuery 在单击不同元素时调用相同的方法

javascript - HTML 表格,其中包含可通过 JavaScript 访问的可编辑字段。

javascript - setState 映射函数中对象的一种状态

javascript - es6 中私有(private)变量(前导下划线)的等价物?

javascript - 即使找不到请求的元素,jQuery load() 是否会发送任何数据?

javascript - 快速查找网页中事件背后的 JS 和 jQuery 代码和函数

Javascript 生成的验证码