div中的圖片不會顯示

Question

爲什麼不顯示整個原始圖片？

<div class="test"></div> 


.test { 
background: url("http://i27.tinypic.com/28ktoh.jpg") no-repeat; 
} 

問題是犯規顯示任何東西，如果你輸入在div東西它顯示的圖像的一點點。我希望它包含完整的圖片。

http://yfrog.com/cbcrapfp

（在CSS複製粘貼的鏈接，查看完整圖片）

Answer 1

設置div的高度。 div不會比你說的要高或超過它的值。

Answer 2

Here is the working demo

您需要確實指定height

.test { 
    background: url("http://i27.tinypic.com/28ktoh.jpg") no-repeat; 
    overflow:auto; 
    height:500px; 
}