如何设置让元素高度撑满一个屏幕？

Question

因为项目全局被队友设置了灰色的背景灰色（改动比较大大），在子组件内没办法改到html的样式！设置无效

问题：如何让图中的1的div撑到一整个屏幕？有什么方法

Answer 1

绝对定位, 然后设置height: 100%
或者设置height: 100vh

Answer 2

*{padding:0;margin:0;}

我不太确定，可以试一波

Answer 3

1.定位,height:100%
2.js获得屏幕高度，然后再赋值！

Answer 4

position:fixed;
display:flex;
width:100%;
height:100%;

Answer 5

我在微信移动端上，不用考虑兼容性的话。

{
    height: 100vh;
}

vh: 屏幕高度的1%，vw: 屏幕宽度的1%

Answer 6

position:absolute;
top:0;
bottom:0;
left:0;,
right:0