<!DOCTYPE html>
<html>
<head>
<meta charset ="UTF-8">
<title>1.單列等寬版面配置</title>
#<!--樣式-->
<style type="text/css" >
.container{
max-width: 960px;<!--設定最大寬度為960px-->
margin:0 auto;< !--設定內部的區塊元素水平居中-->
}
.header{
height:50px;
background-color: #21ff80;
}
.main{
height:600px;
background-color:#80007f;
}
.footer{
height:100px;
background-color:#21ff80;
}
</style>
</head>
#<body>
<h4>單列等寬佈局基本想法：</h4>
<p>1.頁的頭部，主體和底部全部放在一個容器中統一設定<br>
# 2.容器中的子區塊只需要設定高度即可
</p>
<div>
##< div>頭部</div><div>主體</div><div>底部</div></ div>
