标签有什么作用?-6ren"> 标签有什么作用?-我使用 创建了这个标题菜单我想把它延伸到页面的所有顶部。我第一次使用 width:100%但它没有用。然后我在某处看到了一个类似的例子,它使用了overflow:hidden所以当我使用它时,它会把-6ren">
gpt4 book ai didi

html - "overflow"对这个
    标签有什么作用?

转载 作者:太空狗 更新时间:2023-10-29 14:57:12 24 4
gpt4 key购买 nike

我使用 <ul> 创建了这个标题菜单我想把它延伸到页面的所有顶部。我第一次使用 width:100%但它没有用。然后我在某处看到了一个类似的例子,它使用了overflow:hidden所以当我使用它时,它会把列表拉到最后。我想知道 overflow 是做什么的在这里做什么以及为什么width:100%不能做类似的 Action 吗?

ul {
list-style-type: none;
padding: 0;
margin: 0;
overflow: hidden;
background-color: black;
}
li {

background-color: black;
color: red;

float: left;
}
li a{
display: inline-block;
color: white;
text-decoration:none;
padding: 20px;
text-align: center;

}
li a:hover{
background-color:red;
}
<!DOCTYPE html>
<html lang="fa">
<head>
<link rel="stylesheet" type="text/css" href="menu.css">
</head>
<body>
<ul>
<li><a target="_blank" href="http://www.google.com">Google</a></li>
<li><a target="_blank" href="http://www.yahoo.com">Yahoo!</a></li>
<li><a target="_blank" href="http://www.Amazon.com">Amazon</a></li>

</ul>


</body>
</html>

最佳答案

使用 overflow 使元素拉伸(stretch)以匹配设置了 float 属性的子项 - 这基本上是实现 clearfix 的一种方法/p>

关于html - "overflow"对这个 <ul> 标签有什么作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39370842/

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