1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 *{ 8 padding: 0; 9 margin: 0; 10 } 11 .box{ 12 background-color: #96b97d; 13 } 14 .nav{ 15 width: 640px; 16 list-style: none; 17 overflow: hidden; 18 margin: 0 auto; 19 background-color: #96b97d; 20 } 21 .nav li{ 22 float: left; 23 width: 80px; 24 padding: 10px 0; 25 text-align: center; 26 } 27 </style> 28 </head> 29 <body> 30 <div class="box"> 31 <ul class="nav"> 32 <li>首页</li> 33 <li>首页</li> 34 <li>首页</li> 35 <li>首页</li> 36 <li>首页</li> 37 <li>首页</li> 38 <li>首页</li> 39 <li>首页</li> 40 </ul> 41 </div> 42 </body> 43 </html>
原文：https://www.cnblogs.com/tidemartin/p/12065904.html