Получение дочерних элементов не для обертывания внутри переполнения скрытых div

Question

Необходимо получить div с переполнением: hidden; не обертывать своих детей. Мне нужно добавить фиксированный элемент к дочернему элементу, чтобы он не обертывался.

Как:

<div style="overflow:hidden; width:700px;"> 
<div style="width:2000px;"><img> 
<img> 
<img> 
<img> 
<img> 
<img> 
<img> 
</div> 
</div> 

Я не хочу, чтобы добавить ширину в 2000 году. Он должен быть только шириной, чем контент. горизонтально.

спасибо

Answer 1

Вы можете добиться этого с помощью комбинации встроенного блока & белого пространства

.parent{ 
white-space:nowrap; 
} 

img{ 
display:inline-block; 
*display:inline;/* For IE7*/ 
*zoom:1;/* For IE7*/ 
vertical-align:top; 
} 

HTML

<div class="parent"> 
<img> 
<img> 
<img> 
<img> 
<img> 
<img> 
<img> 
</div>