DIV铺满全屏的三种方法

1.继承法:
<style>
    * {margin:0; padding:0;}
    html,body{height:100%;}
    .box {height:100%;}
</style>

<div class="box"></div>

2.定位法:
<style>
    * {margin:0; padding:0;}
    .box {position:absolute; width:100%; height:100%;}
</style>

<div class="box"></div>

<style>
    * {margin:0; padding:0;}
    .box {position:absolute; top:0; bottom:0; left:0; right:0;}
</style>

<div class="box"></div>


评论: 0 | 引用: 0 | 查看次数: 5829
发表评论
登录后再发表评论!