<style>
/*上中下结构的布局,顶部不会动*/
*{
margin: 0px;
padding:0px;
}
#one{
background:#1DC9D8;
z-index: 1;
width:100%;
height: 100px;
position: fixed;
}
#head{
background:#CCD400;
margin-top: 100px;
position:absolute;
width:100%;
height:200px;
}
#conter{
background:#632ECE;
width:100%;
height:2002px;
}
#foot{
background:#FF8040;
width:100%;
height: 100px;
}
</style>
<body>
<div id="one"></div>
<div id="head"></div>
<div id="conter"></div>
<div id="foot"></div>
</body>
原文：http://www.cnblogs.com/zouyun/p/7126880.html