图像在导航栏中重叠

Question

无法弄清楚图片在此page上重叠的原因。

图像被包裹在链接标签中，当我检查它时，链接标签位于正确的位置，但img出现在它下方，我不知道为什么。当我检查img时，没有边距或任何东西。有什么提示吗？

Answer 1

如果你在这里告诉重叠：

然后是因为<a>元素有填充。这是因为这条规则：

.navbar-brand {padding: 15px 15px;}

请删除它，或覆盖它，这样看起来像这样：

CSS解决方案

.navbar-brand {padding: 0;}