码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-12-14 04:21:28      阅读:304      评论:0      收藏:0      [点我收藏+]

标签:margin   绝对定位   style   pos   空间   abs   body   back   内容   

本文主要用于处理单页面项目内容未曾铺满背景色填充不足
<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>
效果图:

技术分享图片

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

标签:margin   绝对定位   style   pos   空间   abs   body   back   内容   

原文地址:http://www.cnblogs.com/michaelxlm/p/8035281.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!