Html 优雅的方式绕过div边缘和内容之间的间隙

在大多数浏览器中，链接的背景和内容div的背景之间存在1px的差距，在大多数缩放级别，不知道为什么缩放似乎会影响它。这似乎是因为包含链接的div在顶部和底部比链接本身多占用一个像素

---

我可以通过给它一个负的边距底部，以一种黑客的方式修复它，但我想要一个更优雅的跨浏览器解决方案。有什么想法吗？

添加重置CSS解决了这个问题：

---

我用过埃里克。不过，您需要添加额外的样式以恢复您喜欢的方式，但重置将解决所有问题。

添加重置CSS解决了此问题：

---

我用过埃里克。您需要添加额外的样式以恢复您喜欢的方式，但是重置将解决所有的怪癖。

您可以使用浮动使东西堆叠得更整齐-看看这把小提琴

如果你不想使用浮球，试着冷静地观察线的高度——这可能会有所帮助

---

正如下面提到的-使用css重置总是一个好的实践。

您可以使用浮动使事情堆叠得更整齐-看看这个提琴

如果你不想使用浮球，试着冷静地观察线的高度——这可能会有所帮助

---

正如下面提到的-使用css重置始终是一种好的做法。

在链接中添加1px的填充来填补空白

---

如果出于任何原因您不喜欢/不能这样做，增加线高度也可以解决此问题。

在链接中添加1倍的填充物可以缩小间距

---

如果出于任何原因您不喜欢/不能这样做，增加线条高度也可能会解决此问题。

最优雅、最接近您已有的解决方案是在：

---

最优雅、最接近您所拥有的解决方案是在：

---

---

在该重置中，唯一与问题规则相关的是线宽。是，设置线宽：1；在包含链接的div上执行此操作。这似乎是一个很好的解决方案，但使用@thirtydot的内联块方法会更好吗？@spycho可能，我只涉猎了CSS的黑暗艺术：d重置中唯一与问题规则相关的是行高。是的，设置行高：1；在包含链接的div上执行此操作。这似乎是一个很好的解决方案，但是使用@thirtydot的内联块方法会更好吗？@spycho可能，我只涉猎了CSS的黑暗艺术：DIt工作，但如果可能的话，我宁愿避免使用float。这在语义上似乎不正确。谢谢。我不确定浮动语义不正确的想法是从哪里来的？话虽如此，这个内联块看起来更整洁。我认为在这种特殊情况下，浮动元素在语义上是不正确的，因为删除间距不是浮动的目的。我试图写清楚有意义的CSS。如果我真的想浮动某些东西，我会尝试只定义float属性。显示方法在语义上似乎更为正确，因为将长方体模型更改为不留空间的模型正是我们在这里试图做的。别误会，你的解决方案是有效的，如果没有更整洁的替代方案，我会选择这样的方案。因此，我们进行了投票。这很公平——我们没有异议，只是想知道。无论如何，浮动中存在一些相当基本的缺陷，所以我同意最好尽可能避免它们——只是对其他人的意见感兴趣！谢谢…它可以工作，但如果可能的话，我宁愿避免使用float。这在语义上似乎不正确。谢谢。我不确定浮动语义不正确的想法是从哪里来的？话虽如此，这个内联块看起来更整洁。我认为在这种特殊情况下，浮动元素在语义上是不正确的，因为删除间距不是浮动的目的。我试图写清楚有意义的CSS。如果我真的想浮动某些东西，我会尝试只定义float属性。显示方法在语义上似乎更为正确，因为将长方体模型更改为不留空间的模型正是我们在这里试图做的。别误会，你的解决方案是有效的，如果没有更整洁的替代方案，我会选择这样的方案。因此，我们进行了投票。这很公平——我们没有异议，只是想知道。无论如何，浮动中存在一些相当基本的缺陷，所以我同意最好尽可能避免它们——只是对其他人的意见感兴趣！谢谢……这似乎很管用，但似乎我不应该这么做。欢迎来到web开发的世界：P你提到的线条高度：1有效，我可能会用它来代替。它可能更稳定，只有在你改变字体的时候才应该真正改变。这似乎可以做到，但我似乎不应该

---

欢迎来到web开发的世界：P你提到的线条高度：1有效，我可能会用它来代替。它可能更稳定，只有在你改变字体的情况下才会真正改变。这很有效，很简单，听起来语义正确。我认为这比行高方法更好，因为这样，它保留了增加的行高。这很有效，很简单，听起来语义正确。我认为这比行高方法更好，因为这样，它保留了增加的行高。如果您愿意，您可以看到解决方案应用于菜单中的原始问题。我使用了内联块方法，我认为这在语义上是最好的。如果您愿意，您可以在菜单中看到应用于原始问题的解决方案。