css - 如何在悬停时让背景颜色覆盖整个 "block"

Question

我正在学习 CSS，我正在尝试从这个 website 中复制一个简单的导航栏.我希望将鼠标悬停在某个元素上时出现黑色背景，所以我这样做了:

nav a:hover {
background: black;
}

但背景只是覆盖了文字。我希望它像原始站点一样覆盖整个元素。

如果需要，这里是 anchor 标记 CSS:

nav a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: white;
    float: left;
    padding-right: 2em;
    margin-top: 1.5em;
}

Answer 1

我在您的示例网站上编写了相同的代码，希望对您有所帮助:http://jsfiddle.net/yL7yj4xL/1/ (您必须删除 padding-right 并将其替换为仅 padding)