一些先决条件:
大家好，首先让我引导您到有问题的网站: http://hws-1.apphb.com/Account/Smartplan
在表格顶部，您会注意到 Zurb 的 Foundation 4 提供的蓝色和绿色下拉按钮。
我们使用带有 SASS nuget 包的 Zurb Foundation 的 ASP.net MVC。
问题:
如果您单击下拉按钮，您会注意到它们出现在按钮的中间。如 zurb 下拉按钮文档所示，预期的功能是在它们的正下方开始。
我做了一些研究并找到了与下拉问题相关的帖子，但它们都是一个略有不同的问题(下拉显示方式)，并且使用的是旧版本的基础 4。我正在使用4.3.1 由 Nuget 包提供。我读到有关下拉列表的问题自 4.1.6 以来已根据此线程大部分得到解决:
https://github.com/zurb/foundation/issues/1789
我正在寻找导致此问题的原因，而不是对 CSS 值进行硬编码以将其向下推。在过去的几天里，我一直在尝试多种修复，但没有任何效果。
有没有人遇到过这个问题或可以提供一些见解？非常感谢所有回复的人。
最佳答案
我知道计算实际上是在 javascript 中完成的，但作为一种快速解决方法，请转到您的 CSS 文件
.f-dropdown {
margin-top: 33px;
}
它应该可以解决您的问题
关于jquery - Foundation 4 下拉按钮显示得太高，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19276858/