CSS 允许使用 height 属性调整元素的高度。虽然有几个单位来指定元素的高度。 vh是常用的相对单位。
vh:它代表视口高度。视口是指浏览器窗口大小。因此,当使用 vh 作为单位时,元素的高度会相对于浏览器窗口(视口)的高度进行调整。
vw:它代表视口宽度。它用于将浏览器宽度设置为相对于浏览器窗口(视口)宽度的 100%。
语法:要将 div 元素的高度设置为浏览器窗口的 100%,只需使用 CSS 的以下属性即可:
height:100vh;
例子:
Make div 100% of height
GeeksforGeeks
A computer science portal for geeks
输出: