<div class="wraper">
       <ul>
         <li><img src="Images/slide-civil-1.jpg" /></LI>
         <li><img src="Images/slide-civil-2.jpg" /></LI>
         <li><img src="Images/slide-env-1.jpg" /></LI>
         <li><img src="Images/slide-env-2.jpg" /></lI>
       </ul>
    </div>
我想让图片横向排列，图片大小事680*317，但是它们还是竖着排了，但我把图片换成小图就可以了，不知道为什么
css为：    .wraper
      {
          height:317px;
          width:680px;
          border:1px solid black;
          margin-left:auto;
          margin-right:auto;
          overflow:scroll;
      }
      .wraper ul
      {
           list-style:none;
           padding:0;
           margin:0;
      }
      .wraper ul li
      {
           float:left;
           width:auto;
           height:auto;
      }