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

Question

以下是我网站的截图。 dropdown菜单显示在主菜单的顶部，并且下拉菜单周围也添加了更多空间。一切都发生了，因为我使用display：table for ul和display：table-cell for li。我该如何纠正呢？另外，我使用基础，我认为以下问题与基础特定的css有关。如果您查看下拉菜单，它们会在悬停时从右侧显示，但我希望反过来。这是从左到右显示，左边与父菜单对齐。

这是我想要的方式

这是该网站的链接：http://fspb.valse.com.my/

先谢谢大家。

Answer 1

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

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

右移：自动从 .top-bar-section .right li。dropdown

您可以在app.css

中找到这些Css样式

Answer 2

以下是您问题的快速解决方案

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

子菜单是您为悬停菜单定义的类，其顶部为50px;需要顶部为40px，线高为40px;所以我们需要把它减少到25px;为了实现它。除了确保！重要的地方它将覆盖基础框架属性