Php 下拉导航CSS问题

新加入董事会的，请容忍我

我已经看到很多类似于我的问题的线程，但我仍然找不到解决方案，所以我决定看看是否可以在这里得到一些帮助

大部分代码都是由其他人完成的——我不是一个程序员/开发人员，所以我基本上是用我有限的知识来做损害控制的。如果你看看CSS，你会发现这个家伙做得很草率

这里有一个指向其中一个页面的链接：--但这个问题适用于整个网站。它是关于导航的，位于style.css（第108-231行）（也可能是标题html）

问题：

有两个下拉菜单-一个在“混合”下，另一个在“鸡尾酒”下，当您将鼠标移到“混合”下拉菜单上并将鼠标移开时，下拉菜单会在屏幕左侧闪烁，并以某种方式重叠

整个导航定位使用了一个非常愚蠢的系统，在多个类上使用左边距和填充，当我改变一件事时，它会把另一件事弄糟。您可以看到，鸡尾酒上的下拉列表没有完全定位到链接和黄色条悬停状态

还有一些非常愚蠢的断点（大约1025px和990px），你会看到它们也会把下拉列表搞得一团糟，以至于你甚至不能点击下拉链接。当我给断点添加新的CSS时，它会扰乱桌面状态，反之亦然

我尝试过通过反复尝试来搞乱所有不同的导航和下拉CSS，当我做对一件事时，其他的事情就会搞糟。由于该网站看起来不错，否则我真的不想从头开始重新做导航的所有代码。任何帮助都是有用的。提前谢谢！！如果有更多的信息我可以给，可以帮助让我知道

问题截图：

---

（来源：）

我不知道开发商为什么使用边距进行对齐，这是最糟糕的做法。但这解决了它：

.sub-nav2 {
  transition: opacity 0.4s ease-out;
  position: absolute;
  text-align: left;
  margin-left: -108px; /* Change this here. */
  margin-top: 90px;
}

您可能需要对

108px

进行一些调整。我看到的是：

跳过的解决方案

/* Line #185 */
nav ul ul {
  padding-top: 5px;
  margin-top: 85px;
}
/* Line #195 */
.sub-nav2 {
  margin-left: -108px;
  margin-top: 85px;
}

---

呃。。这不是。请阅读并了解如何创建一个新的网站。你不应该粗鲁无礼。StackOverflow是一个地方，在这里，如果您遇到困难，您可以获得帮助，而不是编写所有代码。你需要提供一个答案，让我知道答案是否有效。我花了一些时间来分析它，并且花了一些时间。至少要尊重这一点！好的，谢谢你的帮助，我问是因为我卡住了。当我说我不想从头重写导航时，你可能误解了，因为我要求别人为我做（我不是）。我只是希望有人能给我指出正确的方向，或者CSS中的哪个区域可能导致下拉列表问题。再次感谢你的帮助——我会尝试一下。对不起，我发疯了，这是我的第一个问题，所以我觉得有点生气，因为这听起来像是我要求免费劳动，这不是我的意图。谢谢你，我试图发布一个截图来说明我的意思，因为用书面解释有点混乱。这确实解决了对齐问题，但随后出现了另一个问题，当您将鼠标从“混合”下拉列表中移开时，您可以在屏幕左侧看到该问题。如果你将鼠标放在屏幕最左侧渐变下方，你可能会看到我的意思。@solomonskee让我知道屏幕大小，你使用的浏览器，因为我提供的屏幕截图看起来不错吗？你的建议确实修正了“鸡尾酒”的对齐方式，在我的屏幕上看起来不错，但是bumbu.com/example.jpg中的问题出现了，由于某种原因，当我没有修复对齐时，我附加的屏幕截图中的问题就消失了。所以，如果这有意义的话，这要么是一个问题，要么是另一个问题。@solomonskee你能画一条线或其他东西来说明这个问题吗？对不起，我还是不明白。嗯，它似乎不起作用，让我玩几分钟，确保我做得对，谢谢你的帮助。