如何讓 div 鋪滿整個屏幕

• height:100% 爲什麼不生效 : https://www.jianshu.com/p/ef1582794a79

<style>
    * {margin:0;padding:0;}
    html, body {
        width: 100%;
        height: 100%;
    }
    .main {
        width: 100%;
        height: 100%;
        background-color: #889AA4;
    }
</style>
<div class="main"></div>

 

<style>
    * {margin:0;padding:0;}
    .main {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #889AA4;
    }
</style>
<div class="main"></div>

 

<style>
    * {margin:0;padding:0;}
    .main {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #889AA4;
    }
</style>
<div class="main"></div>