header固定定位，footer固定定位，左右固定（可以采用浮动）中间自适应
<style>
body{padding:0;margin:60px auto 0px;}
#div_left{float:left;width:200px;height:1000px;border:1px solid #333;z-index:-1;background: blue}
#div_mid{margin-left:200px;margin-right:200px;margin-top:0px;height:1000px;border:1px solid #333;background: red}
#div_right{position:absolute;right:0;top:60px;width:200px;height:1000px;border:1px solid #333;z-index:-1;background: yellow}
#header{position:fixed;left:0px;top:0px;width:100%;height:60px;background:#258}
#footer{width:100%;height:50px;background:#555}
#foot{position:fixed;left:0px;bottom:0px;width:100%;height:20px;background:#147}
</style>
<body>
<div id=‘header‘></div>
<div id=‘div_left‘></div>
<div id=‘div_mid‘></div>
<div id=‘div_right‘></div>
<div id=‘footer‘></div>
<div id=‘foot‘></div>
</body>
原文：http://www.cnblogs.com/cdwp8/p/4040038.html