Html 当显示：使用的表格时，下拉菜单出现在菜单顶部

下面是我的网站截图。下拉菜单出现在主菜单的顶部，下拉菜单周围也增加了更多空间。所有这些都是因为我使用了display:table表示ul，display:table表示li。请问我该如何纠正它？此外，我使用基金会，下面的问题我认为与基金会特定的CSS有关。如果你看下拉菜单，它们在悬停时从右到左出现，但我希望相反。即从左到右显示，与父菜单左对齐

以下是我想要实现的目标

这是指向该站点的链接：

---

提前感谢大家。

这里有一个快速解决您问题的方法

.sub-menu .dropdown{
  top:40px;
}
.sub-menu ul li a{
  line-height: 25px!important;
}

其中sub-menu是为顶部为50px的悬停菜单定义的类；需要顶部为40px，线高为40px；所以我们需要把它减少到25像素；为了实现它。除此之外，确保！重要的是它将覆盖基础框架属性

.top-bar-section .right li .dropdown {
left:-21px;
}

.top-bar-section .dropdown {
top:40px;
}

移除右侧：自动从。顶部栏部分。右侧栏。下拉列表

---

你可以在app.Css中找到这些Css样式

*这个网站上已经找到了Mal/HTMLGen-A威胁！。。。我真的很抱歉。你能通过参考源代码告诉我确切的类plz吗？我就是搞不清楚，这里子菜单和下拉菜单是我正在谈论的类谢谢你指出确切的类。。我设法按下了下面的下拉菜单…但如何消除每个下拉菜单周围的空间？你是怎么尝试的？我正在尝试删除底部的填充。顶部栏右李。下拉菜单