Link 在我悬停时移动

Question

我是这个 CSS 编码的新手，但每天都在学习一点点......现在我设法在 link.

上添加高亮悬停效果

现在我遇到了一个小问题，因为高亮矩形不是很高并且不能很好地覆盖文本。我发现它在视觉上不吸引人。我添加了 "height: 18px;" 行，但现在文本在悬停时移动。

我可以在代码中添加什么来保持文本稳定吗？

这是我的网站：

http://tinyurl.com/gwhbzf8

我从悬停 CSS 代码中删除了 "height: 18px;"，所以现在它是正常的，但您会看到突出显示非常细，没有覆盖所有文本。我说的是左侧的侧边栏。

非常感谢您的帮助！

来自 CSS 菜鸟

Answer 1

这个效果是由link的行高引起的：

.sidebar ul {
    ...
    line-height: 80% !important;
}

试一试这个或向 link 添加填充以获得所需的效果。

Answer 2

问题似乎是你的行高为 80%:

.sidebar ul { 列表样式类型：none；保证金：0；填充：0px；行高：80%！重要； }