<html>
<head>
<style>
#header{
width:960px//通过id来控制
height:200px
}
@content{
width:960px//通过id来控制
height:auto //内容区域的高度一般都是auto的
}
#footer{
width:960px//通过id来控制
height:200px
}
</style>
</head>
<body>
<div id='header'>
<p>我是头部区域</p>
</div>
<div id='content'>
<p>我是内容区域</p>
</div>
<div id='footer'>
<p>我是低部区域</p>
<p>版权信息</p>
</div>
</body>
</html>
DIV+CSS页面版权底部贴着浏览器,首先我们需要设置好一个适当的高度和宽度,网页布局中一般是分成3个部分,header,content,footer,一般header和footer的高度都是确定的,所以想要让版权贴着浏览器,只需要将content的区域的高度设置好就行,如一个高度是800的页面,头部和底部就是150,那么给content区域一个500就可以实现这个效果,具体看下代码:<html>
<head>
<style>
body{
width:960px //限定网页的宽度
margin:0 auto
boreder:1px solid #f00 //加个边框利于观察
}
#header{
height:150px
width:960px
}
#content{
height:500px
width:960px
}
#footer{
height:150px
width:960px
}
</style>
</head>
<body>
<div id='headr'>
<p>我是头部区域</p>
</div>
<div id='content'>
<p>我是内容部区域</p>
</div>
<div id='footer'>
<p>我是底部区域</p>
</div>
</body>
</html>