Div低于全高div

Question

我正在制作一个单页网站，所以这是一个很长的页面。 但我想制作一个第一个div，它是页面的全高和全宽，并且有一个徽标居中。然后我想把div放在它下面的固定高度。

因此，当页面打开时，徽标始终居中，并且下方的div不可见（因为第一个占据了全高）。当他们开始滚动时，下一个div就在它下面并显示出来。

这甚至可能吗？我试着寻找这个但却一无所获。

由于 最大

Answer 1

在这里：http://jsfiddle.net/BramVanroy/NMeAQ/

html, body {
  width: 100%;
  height: 100%;
}

#logo {
  width: 100%;
  height: 100%;
  background: #ccc;
}

#logo > img {
  border: 10px white solid;
  left: 50%;
  margin-left: -130px; /* the width of your image divided by 2 */
  top: 50%;
  margin-top: -130px; /* the height of your image divided by 2 */
  position: absolute;
}