宽度超过宽度时，如何切换菜单下拉菜单的方向？
丹尼尔·洛弗（Daniel Lover）
在我们的下拉菜单中，有太多列倾向于在屏幕边界之外向右溢出：
如果菜单或菜单超出屏幕范围，是否可以更改CSS或HTML以便将菜单渲染到左侧？
这是“配置”菜单的CSS：
.dropdown_4columns, .dropdown_5columns {
margin: 4px auto;
float: left;
position: absolute;
left: -999em;
text-align: left;
padding: 10px 5px 10px 5px;
border: 1px solid #ccc;
border-top: none;
background: #fff;
-moz-border-radius: 0px 5px 5px 5px;
-webkit-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px;
-webkit-box-shadow: 0px 3px 3px #ccc;
box-shadow: 0px 3px 3px #ccc;
}
吴ny
更改margin: 4px auto;为margin:4px auto 4px -200px;
jsfiddle：https ://jsfiddle.net/mk1427q3/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
下拉菜单，其宽度超过父母的宽度
- 2
如何减少下拉菜单的宽度？
- 3
如何减少下拉菜单的宽度？
- 4
如何使下拉菜单的宽度与触发按钮的宽度相同
- 5
避免双击切换Bootstrap下拉菜单
- 6
多级下拉菜单有切换问题
- 7
多级下拉菜单切换无法使用jQuery
- 8
样式切换器的下拉菜单
- 9
下拉菜单下推内容。最大高度切换
- 10
Bootstrap 导航栏下拉菜单不会切换
- 11
Jquery 条件下拉菜单切换
- 12
jQuery在切换时隐藏其他下拉菜单
- 13
Bootstrap 下拉菜单防止在身体点击时切换？
- 14
如何手动切换angular-ui-select下拉菜单
- 15
如何使用同级选择器在下拉菜单上切换箭头
- 16
VS Code：如何在代码和终端之间切换*不**关注下拉菜单
- 17
如何切换动态div下拉菜单NEXT.JS
- 18
如何将 Bootstrap 的下拉菜单定位到浮动右侧切换元素的右侧？
- 19
如何使用散景中的下拉菜单在数字之间切换？
- 20
如何使下拉菜单的宽度与标签的大小相同？
- 21
如何增加Material UI下拉菜单的宽度
- 22
WPF：如何正确设置组合框的下拉菜单的宽度
- 23
如何增加导航栏下拉菜单的宽度？
- 24
Foundation 6.4.1 - 如何修复下拉菜单的宽度？
- 25
如何使下拉菜单超出父列的宽度？
- 26
HTML / CSS下拉菜单<li>宽度
- 27
引导程序调整下拉菜单宽度
- 28
Javascript 100％宽度下拉菜单
- 29
HTML / CSS下拉菜单<li>宽度
我来说两句