html – “溢出”对此标记有什么作用？_html-js-css

概述我正在使用< 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

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

发表评论

评论列表（0条）