div中如何实现背景图沾满整个浏览器视窗？

Question

我想实现如下效果：图片中红色选中区域背景图片沾满整个浏览器视窗

我只会在body实现，div不会，body实现代码如下
body {
background-image: url(../img/header.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
height: 100%;

}
谢谢大家了。

Answer 1

最简单，只需要在css文件顶部定义html,body{height: 100%}就可以了，当然你要保证你的背景图的父级高度也是100%

Answer 2

不考虑兼容性就用

height: 100vh;