首页 > Web开发 > 详细

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

时间:2021-01-25 23:27:39      阅读:70      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!