<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>
DIV+CSS定义网页版权区域，我们通常布局的时候都是头部，内容区域，还有底部，一般都是使用三个div，然后id分别设置为header，content，footer，然后在定义每个div的高度，一般来说，header，footer都是公共的，因为高度，内容一般都是固定的，版权的话，都是在底部的区域，举个例子：<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>
