html - 保持图像水平流动并隐藏溢出

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>

我在这里创建了一个小提琴来演示这一点，重申我想要的是图像仅水平流动，并且任何超出父容器的内容都被隐藏（生病然后滚动 propertyThumbnails 容器）

Answer 1

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

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