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

112 阅读 0 评论 74 点赞

我是靠谱客的博主烂漫河马，这篇文章主要介绍html 按屏幕百分比设置div高度，现在分享给大家，希望可以做个参考。

例子：

复制代码

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

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

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

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

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

width:calc(100% - 265px);

以上就是烂漫河马最近收集整理的关于html 按屏幕百分比设置div高度的全部内容，更多相关html内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。