布局高度为100%问题

Question

如何才能使#app的高度为满屏呢？

Answer 1

height: 100vh;

Answer 2

可以使用绝对定位：

.main {
    position: absolute;
    left: 0;
    top:0;
    right:0;
    bottom: 44px; /* 底部选项卡的高度 */
}

Answer 3

html,body{
    height:100%;
}

Answer 4

height:100%;
百分比的写法是相对父级的，父级没有高度，百分比是不生效的；

Answer 5

可以js先获取设备高度，然后height设置为获取的高度

Answer 6

/ 方案1：flex:1;适用于flex布局 /
/ 方案2：height: 100vh;width: 100px; 相对于视窗的高宽 /

Answer 7

html和body设置宽高都为100%

Answer 8

position：fixed;
top:0;
left:0
right:0
bottom:底栏高度

Answer 9

height:100vh

Answer 10

他父级的父级的父级…都要设置100%

Answer 11

html，body高度100%，子类设置100%即可占满。