HTML/CSS 여러 이미지를 가로로 표시하려면 내 컨테이너의 너비를 자동 조정하는 방법?

Question

웹에서 수평 스크롤 막대로 탐색 할 수있는 다양한 양의 이미지를 수평으로 표시하고 싶지만 브라우저의 너비를 100 % 넘어서 표시 할 수 없습니다.

이미지의 양이 다양하기 때문에 컨테이너에 일정한 너비를 설정하지 않아야합니다.

다음 코드는 지금 시도하고 있습니다.

HTML :

<div id="container-galeria"> 
     <img src="galeria1/1.jpg"> 
     <img src="galeria1/1.jpg"> 
     <img src="galeria1/1.jpg"> 
     <img src="galeria1/1.jpg"> 
     <img src="galeria1/1.jpg"> 
    </div> 

CSS : 나는 분명 누군가가이 나를 도울 수

#container-galeria{width:auto;min-width:100%;height:auto;min-height:100%;} 
#container-galeria img{float:left} 

희망. 미리 감사드립니다!

Answer 1

이 시도 :

<div id="container-galeria"> 
     <ul><li> <img src="galeria1/1.jpg"></li> 
     <li> <img src="galeria1/1.jpg"></li> 
     <li><img src="galeria1/1.jpg"></li> 
     <li><img src="galeria1/1.jpg"></li> 
     <li><img src="galeria1/1.jpg"></li> 
    </div> 

ul { 

    list-style:none; 
    white-space: nowrap; 
} 
li { 
    float: left: 
/*overflow-x:scroll; /*optional*/ */ 
width:120px; 
    display: inline; 
} 

http://pastebin.com/8x6P8nA1