幻灯片和溢出

Question

我无法使溢出的div正常工作..

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上使用display: inline-block，然后在父级上使用white-space: nowrap：
  http://jsfiddle.net/thirtydot/bRbyr/4/