木子屋 Dnawo's BLOG

DIV铺满全屏的三种方法

👤 dnawo 📅 2022-04-07 👁 7497 👍 0 💬 0 🔄 本站原创
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)

暂无评论。

计算题
评论需审核通过后显示
← 上一篇 HTML5唤起高德地图APP示例 下一篇 → 禹创智能遥控开关使用指南