html 按屏幕百分比设置div高度

使用vh设置div高度占比

例子：

<div style="background-color: black;height: 90vh" v-html="log">

</div>

 

height:90vh和height:90%的区别 

vh:当前屏幕可见高度的百分比，和div中内容多少无关

height:100%：如果div中内容为空的时候，此时高度是0。但是有多行内容的时候使用两种方式都一样

结论：如果div高度和内容无关的情况下，就固定要占一定高度，直接用vh就好

 

使用百分比减去具体的px，例如100%-20px

width:calc(100% - 265px);