如何使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/