Css 使用“显示：内联”块时加下划线

这似乎是在我将

display:inline block

添加到锚固件时发生的。有人知道这是为什么吗？我如何解决它

这是我的密码：

.nav{
  background-color: $light-grey;
  text-align: center;
  border-top: 10px solid $yellow;
  border-bottom: 10px solid $yellow;
  font-size: 2rem;
}

.nav li{
  display: inline;
}

.nav a{
  display: inline-block;
  padding: 30px 5% 30px 0;
  color: $dark-blue;
  text-transform: capitalize;
}

这修正了它：

u{
  text-decoration: none;
}

---

保罗，谢谢你让我走上了正确的道路。

我敢打赌，这不是一个下划线，而是一个边框底部。。。在FF中使用firebug可以查看影响tha ayeah的所有css样式，这对于边界底部问题来说更有意义。谢谢你的提示。我将开始打开和关闭东西，直到我隔离它。不只是在firefox中使用firebug-它将帮助您在您选择的浏览器中快速隔离它或类似的DOM查看器（但firebug实际上是标准的；）啊哈：）没问题，请参阅firebug tute。您还可以在firebug中打开和关闭样式；）真烦人！我也有同样的问题，找不到这个“下划线”，没有想到它是一个默认带下划线的锚标记。我再也回不去10分钟了！