Сохраняйте изображения, текущие горизонтально со скрытым переполнением

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 контейнер позже)

Answer 1

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

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