导航问题

1. .main_nav{ height: 45px; background: #298cc6;}
   
2. 
   
3. .main_nav .nav{width: 1140px; margin: 0 auto; line-height: 45px;}
   
4. 
   
5. .main_nav .nav li{ display: inline-block; position: relative;  font-size: 16px; width: 138px; text-align: center;}
   
6. 
   
7. .main_nav .nav li a{ color: #fff;  }
   
8. 
   
9. .main_nav .nav li a:hover{ display:block; background:#1275af; }
   
10. 
    
11. .main_nav .nav li a:after{ display:block; width:1px; background:#1275af; height: 45px;  content:""; position:absolute; top:0px; right:0;

复制代码

写了一个导航样式，鼠标经过时背景色变，但左边有一个空隙，不懂是什么原因