html div设置占屏幕占比高度（使用vh）

使用 vh去设置div高度占比

例如：

<div style="background-color: black;height: 90vh" v-html="log">
    <div style="padding-bottom: 200px;">{{log}}</div>
</div>

 

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

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

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

 

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

 

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

width:calc(100% - 265px);