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="#">C语言</a></li>
<li><a href="#">Java语言</a></li>
<li><a href="#">Javascript语言</a></li>
</ul>
</div>
</html>
</body>

　　

posted @ 2017-07-23 18:14  N神3  阅读(2033)  评论(0)  编辑  收藏  举报