div içeriklerini dikey olarak kaydırır ve dikey olarak kaydırmaz

Question

Bazı içeriğe sahip bir div, bir sürü başparmak, her zaman yatay olmasını ve herhangi bir taşmanın yatay olarak kaydırılmasını isterim. Divanın yüzde 100 genişliğini almasını isterim, başparmakları bir grup merkezli tutuyordum, bu da sayfa daha geniş olduğunda, ortanca kaldıkları ve ortada kaldıkları grubun kaldığı anlamına geliyor. Jsfiddle'ım var ve neden çalışmıyor olduğunu anlayamıyorum, taşma özelliğinin devralmasına izin vermek yerine her zaman taşmayı ikinci sıraya iter.

http://jsfiddle.net/z5nEQ/1/ o ki keman ve kodudur oluyor:

css:

.box{ 
width:50px;height:100px;border:1px solid black;float:left; 
} 

#container{ 
width:100%; 
height:200px; 
float:left; 
overflow-x:scroll; 
} 

html:

<div align="center" style="width:100%;height:90px;border:1px solid red;"> 

<div id="container"> 

<div class="box"></div><div class="box"></div><div class="box"></div><div class="box"> 
</div><div class="box"></div><div class="box"></div><div class="box"></div><div 
class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div> 
<div class="box"></div> 

</div> 
</div>​ 

bu konuda herhangi bir düşünce? Böyle herhangi bir yardım

Answer 1

yazma için teşekkür ederiz:

.box{ 
    width:50px; 
    height:100px; 
    border:1px solid black; 
    display:inline-block; 
    *dsplay:inline;/* For IE7*/ 
    *zoom:1;/* For IE7*/ 
    white-space:normal; 
} 
#container{ 
    width:100%; 
    height:200px; 
    float:left; 
    overflow-x:scroll; 
    white-space:nowrap; 
} 

Kontrol Çünkü şamandıranın var bu http://jsfiddle.net/z5nEQ/3/