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就好