如何使div宽度符合内嵌嵌入式图像？

Question

我有一个div内的几个内联图像 我不能让div调整其宽度为其内嵌图像 我该怎么做？

我试图让父DIV

显示：inline-block的，内联，浮动：左

但他们没有工作....

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/