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

时间:2021-01-25 23:27:39   收藏:0   阅读:71

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

原文:https://www.cnblogs.com/meitian/p/14327237.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!