上下左右中的网站布局
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>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
