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

83 阅读 0 评论 55 点赞

我是靠谱客的博主烂漫河马，最近开发中收集的这篇文章主要介绍html 按屏幕百分比设置div高度，觉得挺不错的，现在分享给大家，希望可以做个参考。

例子：

<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 按屏幕百分比设置div高度所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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