身体不覆盖全屏

时间:2015-11-08 12:26:57

标签: html css

.box {
  width: 1000px;
  height: 500px;
  margin-top: 100px;
  background: red;
}
<body>
  <div class="box">

  </div>
</body>

我将盒子边缘顶部设置为100px,为什么机身不能覆盖整个屏幕?身体充当具有边缘顶部的div。

JSfiddle Demo

2 个答案:

答案 0 :(得分:2)

试试这段代码,

body {
    margin: 0;
}

答案 1 :(得分:-1)

<body>标签是指他的身高,假设内容高度,而不是视口本身,为什么要这样呢? 添加这样的东西:

<body style="height: 100%">

改变了局面......