Css+html遮罩样式和结构

 

.fl-pic{
    overflow:hidden;
    width:750px;  //可见元素的宽度
    height:50px;
    }
    
.fl-pic ul{
    width:3500px;//让LI能够在一行，如果小了，LI会换行；
    }
    
.fl-pic ul li{
    float:left;
    width:100px; 
    height:50px;
    }


<div class="fl-pic">
      <ul>
        <li><img src="images/fr-logo-01.gif" alt="" /></li>
        <li><img src="images/fr-logo-02.gif" alt="" /></li>
        <li><img src="images/fr-logo-03.gif" alt="" /></li>
        <li><img src="images/fr-logo-04.gif" alt="" /></li>
        <li><img src="images/fr-logo-05.gif" alt="" /></li>
        <li><img src="images/fr-logo-06.gif" alt="" /></li>
        <li><img src="images/fr-logo-02.gif" alt="" /></li>
        <li><img src="images/fr-logo-03.gif" alt="" /></li>
      </ul>
</div>