📜  如何使用 CSS 为 div 标签指定浏览器窗口的 100% 高度

📅  最后修改于: 2021-09-01 03:28:55             🧑  作者: Mango

CSS 允许使用 height 属性调整元素的高度。虽然有几个单位来指定元素的高度。 vh是常用的相对单位。

vh:它代表视口高度。视口是指浏览器窗口大小。因此,当使用 vh 作为单位时,元素的高度会相对于浏览器窗口(视口)的高度进行调整。
vw:它代表视口宽度。它用于将浏览器宽度设置为相对于浏览器窗口(视口)宽度的 100%。

语法:要将 div 元素的高度设置为浏览器窗口的 100%,只需使用 CSS 的以下属性即可:

height:100vh;

例子:




    
        Make div 100% of height
        
    
    
        
        
GeeksforGeeks
        
A computer science portal for geeks
        
                         

输出:
div 100%