height为100%的问题

最新推荐文章于 2022-10-31 17:46:30 发布

weixin_30507269

最新推荐文章于 2022-10-31 17:46:30 发布

阅读量106

点赞数

原文链接：http://www.cnblogs.com/fenggu/p/4467478.html

版权

问题描述

很多同学，对于设置div 的高度为100%时，有疑惑。

设置div 的高度为100%，意思是此 div 的高度铺满父元素。

那么怎么使 div 铺满浏览器屏幕？

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    <style type="text/css">
        body,html{
            height: 100%;
            width: 100%;
            overflow: hidden;
            margin:0;
            padding: 0;
        }
        #wrap{
            height: 100%;
            width: 100%;
        }
        .scrollBox {
            background-image: url(../模仿素材/about1Bg.jpg);
            background-size: cover;
            height: 100%;
            width: 100%;
        }
        
    </style>
</head>
<body>
<section id="wrap">
    <section class="scrollBox">
    </section>
</section>
</body>
</html>