html 按屏幕百分比设置div高度

﹏ヽ暗。殇╰゛Y 2022-10-06 00:58 265阅读 0赞

使用vh设置div高度占比

例子:

  1. <div style="background-color: black;height: 90vh" v-html="log">
  2. </div>

height:90vh和height:90%的区别

vh:当前屏幕可见高度的百分比,和div中内容多少无关

height:100%:如果div中内容为空的时候,此时高度是0。但是有多行内容的时候使用两种方式都一样

结论:如果div高度和内容无关的情况下,就固定要占一定高度,直接用vh就好

使用百分比减去具体的px,例如100%-20px

width:calc(100% - 265px);

发表评论

表情:
评论列表 (有 0 条评论,265人围观)

还没有评论,来说两句吧...

相关阅读

    相关 网页前端div高度设置

    首先我们要区分关于CSS里height的一个误区,width:100%是保持和父块宽度一样,但是有的时候我们设置height:100%会无效,为什么呢 因为我们在div设计