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