Css 从嵌套的内联块中删除默认的顶部边距

在准备一个网站导航栏时，我想到了在标签上创建悬停效果，就像Android一样，也就是说，当你将鼠标悬停在标签上时，标签上会显示一个上边框

问题是，这些navbar选项卡嵌套在容器div中，出于某种原因，navbar选项卡有一点边距，尽管我没有明确指定边距。所以，我想要的上边框，没有完全对齐到窗口的顶部

我尝试了通常的解决方法：在父级中设置

font size:0

，使用

vertical align:top

和

margin-top:-4px

，但这些方法似乎都不完美

以下是JSFIDLE：

---

请注意绝对顶部和白色顶部边框之间有一条细黑线。我必须摆脱它

从#headContainer中移除边框。

您必须移除

边框：2px实心透明来自您的#headContainer部门

演示：哦！我不认为这是造成这个问题的原因！！非常感谢！