div 너비를 중첩 된 인라인 이미지에 맞게 만드는 방법은 무엇입니까?

Question

div 안에 인라인 이미지가 두 개 있습니다. div를 인라인 이미지의 너비에 맞게 조정할 수 없습니다. 어떻게해야합니까 ?? 플로트, 인라인 블록, 인라인 :

나는 부모 DIV에게

디스플레이를 만드는 시도 ....

왼쪽하지만 그들 중 누구도 작동하지

HTML :

<div id="box1"> 
    <div id="box2"> 
    <img src="1.jpg"> 
    <img src="2.jpg"> 
    <img src="3.jpg"> 
    </div> 
</div> 

css :

#box1{ 
width:600px; 
overflow:hidden; 

} 

#box2{ 
display:inline-block; 
} 

#box2 img{ 
vertical-align:top; 
display:inline; 
} 

Answer 1

나는이 문제를 해결할 수있는 유일한 방법은이 같은 BOX2을 얻을 수 있습니다 : |

#box2{ 
white-space:nowrap; 
} 

사람이 다른 솔루션이있는 경우 멀리

Answer 2

float:left을 수행하면 작동합니다 - 내 바이올린을 참조하십시오 http://jsfiddle.net/VasXf/

참고 : 나는 당신의 문제가되었을 수도있는 <br />와 이미지 사이에 줄 바꿈을 추가?

Answer 3

당신은 너무 display: inline-block;에 이미지를 필요로 :)

참조 : http://jsfiddle.net/VasXf/2/