EnderH

天是棺材盖,地是棺材板;喜怒哀乐事,全在棺材里!

单个div充满屏幕的CSS方法

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>

  

posted on 2018-07-30 14:29  EnderH  阅读(500)  评论(0编辑  收藏  举报

导航