基础顶部栏下拉菜单填充错误

Question

所以我正在制作一个带下拉菜单的菜单，并且基础会发生一些非常奇怪的事情。这个链接带有21rem的填充权！重要且我很确定它来自基金会。我的菜单css中没有21rem或任何重要内容。这是它生成的确切代码行。我有一个文件可以编译所有的CSS，所以很难准确找出原因。

.top-bar-section .has-dropdown > a {
  padding-right: 21rem !important; }

有什么想法吗？

Answer 1

在您的css中定位.profile-menu，并使用padding-right: 0 !important覆盖它，如果这不起作用，请向id标记添加a并定位id

Answer 2

我认为，隐式单位存在问题。

从

编辑bower_components/foundation/scss/foundation/components/_top-bar.scss文件

padding-#{$opposite-direction}: $topbar-link-padding + 20 !important;

到

padding-#{$opposite-direction}: $topbar-link-padding + rem-calc(20) !important;

在基金会commit 94312727c2dc18016bef51527e9913975612822b中，这是第517行。