有时候我们需要元素铺满整个元素,这里总结了几个方法
1.设置宽高为100%,然后去掉body的margin值
body {
margin: 0;
}
.box {
width: 100%;
height: 100%;
background-color: black;
}
2.设置宽高为100vw和100vh,但会有兼容性问题
.box {
width: 100vw;
height: 10vh;
background-color: black;
}
3.设置绝对定位,另四个方位分别为0,但是盒子无宽高(推荐)
.box {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: black;
}