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; 
}