菜单和内容之间的巨大差距 - 我如何摆脱这个？

Question

我为同事们运行了一个小型链接聚合器网站：http://techlinks.neocities.org/index.html

我刚刚使用pure.css框架调整了网站，所以我可以使用下拉菜单。然而，这似乎在导航菜单和内容之间引入了很大的差距。

我尝试在受影响的元素上设置边距和填充为零，尝试使用负填充值并尝试导航栏的不同定位属性。

然而，我尝试过的任何东西都没有消除差距。

什么是创造差距，我该如何摆脱它呢？

提前致谢。

Answer 1

按F12键我看到了你的代码。您已将.pure-menu-item的高度设置为100%，这就是造成这种巨大差距的原因。尝试将其设置为较小的值，如10%。应该这样做，我想。

Answer 2

我刚刚修改了网站以使用pure.css的自定义版本，建议更改（删除了height属性），而不是使用CDN链接。

差距消失了。非常感谢保罗。

Answer 3

从height: 100%元素中删除.pure-menu-item。 它位于pure-min.css。