gpt4 book ai didi

html - CSS `height: calc(100vh);` 与 `height: 100vh;`

转载 作者:太空宇宙 更新时间:2023-11-04 13:40:04 28 4
gpt4 key购买 nike

我正在做一个元素,前开发人员使用了:

.main-sidebar {
height: calc(100vh);
}

我已经联系不上他/她了,我想了解一下这两种方式有什么区别(如果有的话)。

(在这里问这个问题合适吗?)

最佳答案

VH
height: 100vh; 表示该元素的高度等于视口(viewport)高度的 100%。

例子:高度:50vh;
如果您的屏幕高度为 1000 像素,则您的元素高度将等于 500 像素(1000 像素的 50%)。

中算计算
height: calc(100% - 100px); 将使用元素的值计算元素的大小。

例子:
高度:计算(100% - 100px);如果您的屏幕高度为 1000 像素,则您的元素高度将等于 900 像素(1000 像素的 100% 减去 100 像素)。

*我认为如果您的前开发人员不想计算值,则他/她不需要使用 calc()

关于html - CSS `height: calc(100vh);` 与 `height: 100vh;`,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52941346/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com