关于导航栏最后一项会换行

Question

 <div class="head2">         <ul>             <li class="li1"><a href="#">集团介绍</a></li>                <li><a href="#">产品中心</a></li>                <li><a href="#">卧龙市场</a></li>                <li><a href="#">技术研发</a></li>                <li><a href="#">国际合作</a></li>                <li><a href="#">投资者关系</a></li>                <li><a href="#">新闻资讯</a></li>                <li><a href="#">人力资源</a></li>            </ul>        </div>                                               -----------以上是HTML----------                                               -----------以下是CSS---------.header .head2{width:1000px;height:59px;background:#303030}.header .head2 ul li{list-style:none;width:119px;height:59px;text-align:center;line-height:59px;float:left}.header .head2 ul li{border-left:1px solid #4a4a4a}.header .head2 ul li a{text-decoration:none;color:#fff;font-size:12px}.header .head2 ul{width:959px;height:59px;margin:0 auto}我如果把.header .head2 ul li{border-left:1px solid #4a4a4a}改成.header .head2 ul li:not(.li1){border-left:1px solid #4a4a4a}就正常了，怎么回事？

Answer 1

你这个导航栏的宽度不够啊