首页 > 代码库 > CSS父元素高度随子元素高度变化而变化

CSS父元素高度随子元素高度变化而变化

 

<html>
<body>
<head>
  <style>
   #menu{width:1000px;overfloat:hidden;}        /* width:1000px;overfloat:hidden; 父元素高度随子元素变化而变化 */
   #menu ul{list-style-type:none;}
   #menu ul li{float:left;margin-right:10px;}   /* float:left; 浮动横布局,让父元素高度变0px */
  </style>
</head>
<div id="menu">
<ul>
<li><a href="http://www.mamicode.com/#">C语言</a></li>
<li><a href="http://www.mamicode.com/#">Java语言</a></li>
<li><a href="http://www.mamicode.com/#">Javascript语言</a></li>
</ul>
</div>
</html>
</body>

  

CSS父元素高度随子元素高度变化而变化