css将div铺满body内未铺满的空间 

本文主要用于处理单页面项目内容未曾铺满背景色填充不足
<style>
    .divBackgroundColor{
        background-color: red;
        position: absolute;//使用绝对定位将页面铺满
        top:0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;//将背景色置于底层
    }
    .header{
        width: 80%;
        height: 200px;
        margin: 0 auto;
        background-color: #00aa00;
    }
</style>
<body>
<div class="header"></div>
<div class="divBackgroundColor"></div>
</body>
效果图：







            

            
posted @ 
2017-12-13 22:40 
michaelxlm 
阅读(2742) 
评论(0) 
 
收藏 
举报