我有一个 Bootstrap 下拉菜单。在某些情况下,菜单项可能非常大。所以我需要设置一个max-width
。另外,我不希望菜单项被剪切,所以我必须使用white-space: normal
也。问题是我的max-width
被完全忽略。如果我设置width
相反它确实有效。但我不希望这样,因为我可能有菜单,其中整个菜单的空间比width
。这就是为什么我需要max-width
工作而不是width
.
This JSFiddle说明了问题。如您所见,菜单项未扩展到 400 像素。
[更新]
好吧,我显然错过了position: relative
。这修复了我试图尽可能隔离的第一个案例的菜单。我的代码实际上依赖于这个 Bootsnipp。在那个例子中,position: relative
打破了这样的级联子菜单。
有什么想法如何用我的约束制作这样的级联菜单吗?
预先非常感谢
您只需添加以下内容:
width: 100%
max-width: 400px;
您的元素需要一定的宽度,以便 max-width 起作用
http://jsfiddle.net/dvwz5omq/1/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)