1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .con{ 8 height: 80px; 9 width: 960px; 10 position: fixed; 11 top: 20px; 12 background-color: gold; 13 /*margin: 50px auto 0;*/ /* margin的auto在定位中不起作用 */ 14 left: 50%; 15 margin-left: -480px; /* 和left配合使用使盒子居中 */ 16 17 } 18 .con li { 19 list-style: none; 20 21 } 22 .con li a{ 23 text-decoration: none; 24 25 } 26 </style> 27 </head> 28 <body> 29 <div class="con"> 30 <ul> 31 <li><a href="">公司首页</a></li> 32 <li><a href="">公司首页</a></li> 33 <li><a href="">公司首页</a></li> 34 <li><a href="">公司首页</a></li> 35 <li><a href="">公司首页</a></li> 36 <li><a href="">公司首页</a></li> 37 <li><a href="">公司首页</a></li> 38 </ul> 39 </div> 40 </body> 41 </html>