保持图像水平流动，隐藏溢出

Question

我在包含DIV的内容中有一个图像列表。我的DIV绝对位于其容器的右侧，我想要它，如果图像的数量超过父容器的宽度，它们仍然水平流动，但是被隐藏（所以我可以稍后滚动包含div）

<div id="parent">
    <div id="propertyThumbnails">
        <a href="pic1" class=""></a>
        <a href="pic1" class=""></a>
        <a href="pic1" class=""></a>
        <a href="pic1" class=""></a>
    </div>
</div>

我已经创建了一个fiddle here来演示这个，重申我想要的是图像只能水平流动，而且任何超出父容器的内容都会被隐藏（生病，然后滚动propertyThumbnails容器）< / p>

Answer 1

#propertyThumbnails {
    background: #666;
    height: 80px;
    white-space: nowrap;
    overflow: scroll;
}

http://jsfiddle.net/xWcXt/3/