我网站上的下拉菜单(分辨率为 1366x768)元素太多,超出了 logo 的界限。如何对css中的元素数进行限制(不要超出logo,只是为了下一行的转移)?
站点: http://womab.com.ua/en/for-authors/( 事件元素: 贡献者信息,请参阅下面的子菜单列表)。
现在在 CSS 中:
menu ul.submenu {
position: absolute;
left: 0;
width: 93%;
text-align: right;
padding: 0 7% .8em 0;
margin: 0;
}
提前致谢!
最佳答案
menu ul.submenu {
margin: 0;
padding: 0 7% 0.8em 0;
position: absolute;
right: 20%;
text-align: right;
width: 50%;
}
在
right
和 width
属性上使用具有不同值的媒体查询,使其适用于较小的布局。关于html - 菜单下拉列表太长,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30287230/