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);

html div设置占屏幕占比高度(使用vh)

上一篇:Linux系统上数据库管理和开发工具DBeaver使用安装介绍


下一篇:json vs jsonb