幻燈片放映和溢出

Question

我不能使一個溢出正確工作的分區..

與溢出div內的表具有相同的寬度作爲div ?!

http://jsfiddle.net/bRbyr/

div.slideshow_inner { 
    margin:12px 20px 0px 15px; 
    width:340px; 
    height:440px; 
    overflow:hidden; 
    background:blue; 
} 

#slideshow_film > tbody > tr > td { 
    width:340px; 
    background:red; 
} 

<div class="slideshow_inner"> 
    <table id="slideshow_film"> 
     <tr> 
      <td>PIC 1</td> 
      <td>PIC 2</td> 
     </tr> 
    </table> 
</div> 

Answer 1

您可以：

• 設置width: 200%（number of pictures * 100）上#slideshow_film如果你知道圖片的事先數量：
  http://jsfiddle.net/thirtydot/bRbyr/3/

• 或者，你可以停止使用table和家長使用div s的display: inline-block然後white-space: nowrap：
  http://jsfiddle.net/thirtydot/bRbyr/4/