移动下拉导航

Question

我在尝试集中下拉导航时遇到了一些困难。

下面我发布了当前设计和一些CSS的图片。

如您所见，下拉列表不适合页面。

.structure-mainnavigation ul li ul {
width:500px;
}
.structure-mainnavigation ul li ul li {
width:25%;
float:left;
text-align: center;
}

感谢任何帮助。

Answer 1

乱搞了几个小时后，我通过添加以下代码解决了我自己的问题：

li:hover ul { left:auto; right:0; }

Answer 2

你可以尝试：

位置：绝对; 保证金：0自动;

当你说居中时，你的意思是将下拉放在页面中心或菜单项的中心？