javascript - 无法将菜单按钮向右移动

Question

这是下面的代码:

https://jsfiddle.net/fcx0wkq3/1/

当结果窗口展开时，您可以在左侧看到菜单按钮。我希望能够更改这些菜单按钮的位置，并将它们更多地放在中心或右侧。当我对 <ul> 进行以下更改时

<ul style="left:30%">

结果变成这样:

https://jsfiddle.net/70fbsL75/

在这里你可以看到按钮都是倾斜的。解决这个问题的方案是什么。

Answer 1

如果您从分组类中删除#cssmenu ul 类并添加

#cssmenu ul {
margin: 0 0 0 30%; //Or whatever margins you need
}

您可以定位导航。您需要定位 #cssmenu 和 ul 以使您的 javascript 正确呈现。

然后您需要删除媒体查询 CSS 中的边距和填充(大约在您的 fiddle 的第 196 行)以重置移动设备上的 View 。

#cssmenu ul {
width: 100%;
display: none;
margin-left: 0;
padding-left: 0;       
}

不要忘记在使用这个时也删除你的内联样式

<ul style="left:30%"> 

应该只是

<ul>