gpt4 book ai didi

HTML a 元素不会扩展到父 li 维度

转载 作者:太空宇宙 更新时间:2023-11-03 20:02:50 28 4
gpt4 key购买 nike

我有一个水平导航栏,我的 a 元素没有扩展到父 li 元素的宽度和高度。

如何修改我的 CSS,使 a 元素与外部/父级 li 元素一样宽和高?

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
#navbar {
width: 450px;
height: 40px;
background-color: RGB(112,112,112);
list-style: none;
}

#navbar li {
width: 112.5px;
height: 40px;
display: inline;
float: left;
}

#navbar li a {
color: white;
width: 112.5px;
height: 40px;
}

#navbar a:link {
background-color: red;
}

#navbar a:visited {
background-color: purple;
}

#navbar a:active {
background-color: green;
}
#navbar a:hover {
background-color: blue;
}
-->
</style>
</head>
<body>

<ul id="navbar">
<li><a href="">home</a></li>
<li><a href="">contact us</a></li>
<li><a href="">about us</a></li>
<li><a href="">other</a></li>
</ul>

</body>
</html>

最佳答案

通过制作所有 a元素 display:block

但是为什么,sdleihssirhc?为什么?

因为 <a>元素默认是一个内联元素,这意味着(在许多其他事情中)你不能给它一个宽度或高度。如果您尝试,浏览器将忽略您。

关于HTML a 元素不会扩展到父 li 维度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8998141/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com