绝对定位的body,怎样可以自适应撑满屏幕

我的body需要绝对定位,但不知道怎么宽高撑满屏幕

阅读 5.7k
4 个回答

使用 vwvh

body {
    width: 100vw;
    height: 100vh;
}

body{

position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;

}

<!DOCTYPE html>
<html>
    <head>
        <title>绝对定位</title>
        <style>
            body{
                width:100%
                height:100%;
                position:absolute;
                background-color:yellow;
                
            }
        </style>
    </head>
    <body>
    
    </body>
</html>

我试了试,这样就行

    html{
        display:flex;
    }