木子屋
 

标题: DIV铺满全屏的三种方法

作者: dnawo

日期: 2022-04-07 08:18 AM

分类: HTML/CSS

内容: 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)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms

标题: DIV铺满全屏的三种方法

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms