如何使div始终充满整个页面

效果如图,设置了100%可以充满整个页面,一旦出现滚动条,蓝色就不能往下填充了,我把html,body,以及父级元素都设置的min-height:100%也不能填充全部的
image

阅读 6.3k
2 个回答

开发者工具查看你的css布局是不是有问题,看下背景的dom实际高度是多少,父元素高度是多少;

如果你是最外层的,要全屏幕覆盖,css单位用vh即可。

.bg {
    width: 100vh;
    height: 100vh;
    background: #000000;
}
html, body {
  height: 100%;
}
body {
  background-image: /*你的图片*/;
  overflow: auto;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题