如何將圖像放在div中，圖像大於div？

Question

嗨，我有一個div因爲這樣

---

這是幀一個div

---

這是我的圖片

---

這是結果

的圖像的寬度和高度不固定的，因爲我不知道什麼是大小的圖像

請幫我

Answer 1

你可以這樣寫：

CSS

div{ 
    border:5px solid red; 
    display:inline-block; 
    box-shadow:0 0 0 10px green; 
    margin:100px; 
} 
img{ 
    vertical-align:top; 
} 

HTML

<div><img src="http://i.stack.imgur.com/SWutL.jpg"></div>​ 

選中此http://jsfiddle.net/QkT7d/

Answer 2

您可以設置圖像寬度/高度取決於div的百分比：

div img 
{ 
    width:100%; 
    height:100%; 
} 

http://jsfiddle.net/Curt/x83dk/