html – “溢出”对此标记有什么作用?

html – “溢出”对此标记有什么作用?,第1张

概述我正在使用< ul>创建此标题菜单我想将它拉伸到页面的所有顶部.我首先使用宽度:100%但它没有用.然后我在某个地方看到了一个类似的例子,它使用了溢出:隐藏所以当我使用它时它将列表拉伸到最后.我想知道溢出做了什么这里和为什么宽度:100%不能做类似的动作? ul { list-style-type: none; padding: 0; margin: 0; overflow: hidden 我正在使用< ul>创建此标题菜单我想将它拉伸到页面的所有顶部.我首先使用宽度:100%但它没有用.然后我在某个地方看到了一个类似的例子,它使用了溢出:隐藏所以当我使用它时它将列表拉伸到最后.我想知道溢出做了什么这里和为什么宽度:100%不能做类似的动作?
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>
解决方法 使用溢出使元素拉伸以匹配其子元素时设置浮动属性 – 它基本上是实现clearfix的方法之一 总结

以上是内存溢出为你收集整理的html – “溢出”对此标记有什么作用?全部内容,希望文章能够帮你解决html – “溢出”对此标记有什么作用?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1117416.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存