<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>
原文：http://www.cnblogs.com/chenweichu/p/7225546.html