想知道为什么main没有效果
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>一列布局</title>
<style type="text/css">
body{
margin:0px;padding:0px;
}
.header{
text-align:center; background:#CC0066; height:100px; }
}
.main{
text-align:center;background:#60C; height:100px; width:100px;margin: 0 auto;
}
.footer{
text-align:center;background:green;height:100px;width:200px;margin:0 auto;
}
</style>
</head>
<body>
<div class="header">header</div>
<div class="main">main</div>
<div class="footer">footer</div>
</body>
</html>
