准备网站导航栏时，我想到了像Android一样在标签上创建悬停效果，即当您将鼠标悬停在标签上时，顶部边框会显示在标签上。
问题是，这些导航栏选项卡嵌套在容器div中，由于某种原因，导航栏选项卡略有余量，即使我没有明确指定一个。所以，我想要的顶部边框与窗口的顶部没有完全对齐。
我尝试了一些常用的解决方法：使用font-size:0和vertical-align:top在父级中设置margin-top:-4px，但这些似乎并不完美。
这是jsfiddle：http://jsfiddle.net/A3nEq/
注意绝对顶部和白色顶部边框之间有一条细黑线。我必须摆脱它！
答案 0 :(得分：1)
从#headContainer中删除边框。
答案 1 :(得分：1)
您必须从#headContainer div中删除border: 2px solid transparent;。