移动下拉导航

-1

我尝试以我的下拉导航为中心时遇到一些困难。移动下拉导航

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

正如你所看到的，下拉不适合页面。

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

任何帮助表示赞赏。

来源

2017-07-24 Ben Julius Shapiro

问题寻求帮助的代码必须包括必要的重现它最短的代码**在问题本身**最好在[** Stack Snippet **]（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）中。请参阅[**如何创建最小，完整和可验证的示例**]（http://stackoverflow.com/help/mcve） –

因此主菜单或子菜单不居中？对我来说，它看起来像主菜单不居中:) – lumio

这很好，你添加了一些CSS，但它会更有帮助，如果你有一些HTML和可能多一点CSS去。这是最小的，但不完整或可验证（见[mcve]）。在目前的状态下，人们很难给出有意义的答案。 –

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

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

来源

2017-07-25 17:01:49

你在其他地方设置了“左”？尝试使用像'li：hover> ul'这样的直接选择器，以便只选择一个级别的选择，而不是一直选择树状结构 – lumio

-1

您可以尝试：

position：absolute; margin：0 auto;

当你说中心化你的意思是把下拉菜单项的中心或页面的中心？

来源

2017-07-24 15:17:03

添加该代码会丢弃下拉列表。 –

我的意思是居中以下的类别，所以这将是“礼物按类型”的核心 –

移动下拉导航

回答

相关问题