div中的图像不会显示

Question

为什么不显示整个原始图片？

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


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

问题是没有显示任何东西，如果你在div中输入一些东西，它会显示一点点的图像。我希望它包括完整的图片。

Answer 1

Here is the working demo

您需要指定height

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

Answer 2

设置div的高度。 div不会高于你所说的或高于它所需要的值。