Div高度由文字高度决定，我不希望这个

Question

我在角度视图中有以下div，这就是现在视图中的所有内容

<div class="home-container" ng-controller="ctrlHome" >
 HELLO
</div>

我想设置它的背景图片以占据页面的其余部分或与身体相同的数量

这是css

html {
    height: 100%;
}

body {
    font-family: "Hero", Times, serif !important;
    min-height: 100%;
}

.home-container {
    background: url('../images/94H.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100%;
    clear:both;
}

所有我得到的图像是文本HELLO的高度为20px 这可能是我很容易搞砸的事情，但它的挫折却少了 提前致谢

Answer 1

使用height: 100%代替min-height。还要将html添加到CSS规则中，因为正文需要父元素来计算height: 100%

＆＃13;

＆＃13;

html,
body {
  font-family: "Hero", Times, serif !important;
  height: 100%; /* Changed */
}
.home-container {
  background: url('http://placehold.it/600x1200') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;
  clear: both;
}

＆＃13;

<div class="home-container" ng-controller="ctrlHome">
  HELLO
</div>

＆＃13;

＆＃13;

＆＃13;