单个div充满屏幕的CSS方法

时间：2023-03-08 21:33:29

1.通过定位实现

<style>

    *{

        margin: 0;

        padding: 0;

    }

    div{

        width:100%;

        height: 100%;

        background: yellow;

        position: absolute;

    }

</style>

<body>

<div></div>

</body>

2.通过设置html,body的宽高来让div充满屏幕

<style>

    *{

        margin: 0;

        padding: 0;

    }

    html,body{

        width: 100%;

        height: 100%;

    }

    div{

        width:100%;

        height: 100%;

        background: yellow;

    }

</style>

<body>

<div></div>

</body>

　　

相关文章