HTML设置链接元素在其背景中的高度

我想寻求帮助，因为我无法设置链接元素（家庭、游戏、动物、注销）的高度。html代码：

    echo"<div id=\"navigation_bar\">";
echo"<ul>";
echo" <li id=\"home\"><a href=\"animal_home.php\" >HOME</a></li>";
echo" <li id=\"laro\"><a href=\"animal_laro.php\">GAMES</a></li>";
echo" <li id=\"aralin\"><a href=\"animals.php\">ANIMALS</a></li>";
echo" <li id=\"logout\"><a href=\"animal_logout.php\">LOGOUT</a></li>";
echo"</ul>";
echo"</div>";

---

只需在css文件中添加此css

#navigation_bar ul li a{
display:block;
height:100%;
width:100%
}

---

如果您将此添加到css中，您应该能够在a标记上放置任何想要的维度：

#navigation-bar ul li a {
    display:block;
    height:100%; /* or whatever height value you want to use */
}

您的问题是标记是内联元素，您只能在块元素上设置尺寸。因此，如果将尺寸设置为li（即块元素），并将标记设置为显示：block；宽度：100%；身高：100%；，它们将填满整个李的内部

---

希望这有帮助

不清楚你在问什么，请澄清你的问题看一看-单引号、heredoc和nowdoc语法可以让你省去转义，还有几种方法可以更容易地回显多行字符串对于迟来的答案很抱歉。我一定是在我还在写我的东西的时候发的：P。

#navigation-bar ul li a {
    display:block;
    height:100%; /* or whatever height value you want to use */
}