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

我有一个包含DIV的图像列表。我将DIV绝对定位在其容器的右侧，并且我希望这样，如果图像的数量超过父容器的宽度，它们仍然水平流动，但隐藏（以便我以后可以滚动包含DIV）

我创建了一个示例来演示这一点，重申我想要的是图像仅水平流动，并且隐藏父容器之外的任何图像（稍后我将滚动propertyThumbnails容器）

<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>

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