<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>
时间: 2024-08-06 01:59:08