Div全高和宽动态

Question

现在我尝试制作一个带有背景图像的div，它在页面加载时填充整个视口，并在需要时将所有其他页面内容向下推，这样你只需在加载时看到这个div与图像页面 - 这是什么工作的最佳方式？

Answer 1

Demo Fiddle

这应该这样做：

html, body{
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  position:relative;
}
#imgDiv{
  position:relative;
  height:100%;
  background-image:url(myImage.png);
}

您需要将div的高度设置为100％，但这需要与'某事'相关，这就是为height:100%和{html设置body的原因{1}}元素。只要带有图片的div首先显示在您的HTML中，它就会按预期工作。