100vh不占整个屏幕

Question

我想创建一个滚动页面，就像每个部分都是屏幕的全高。

但是当我使用100vh时，它不会占据整个屏幕的高度，但更像是95％。

这是链接：例如http://i283951.iris.fhict.nl/stack/。

屏幕：http://postimg.org/image/rc9g3sykh/

PS：第一节显示100vh罚款，接下来的部分是问题。

Answer 1

将以下代码添加到CSS中应该修复它：

html,body{
margin:0;
}

这是由默认边距8px引起的，因此使用CSS重新定义它将会纠正它。

带边距的插图设置：

＆＃13;

＆＃13;

#Orange{
  height:100vh;
  width:100vw;
  background:orange;
}
body{
  margin:0;
  padding:0;
}

＆＃13;

<div id="Orange"></div>

＆＃13;

＆＃13;

＆＃13;

没有margin:0调整：

＆＃13;

＆＃13;

#Orange{
  height:100vh;
  width:100vw;
  background:orange;
}
body{
  padding:0;
}

＆＃13;

<div id="Orange"></div>

＆＃13;

＆＃13;

＆＃13;

修改

添加此代码应调整容器的边距。

.container-fluid{
    margin-top: 0;
    margin-bottom: 0;
}