关于margin居中缩写问题
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>一列布局改混合三列布局</title>
<style type="text/css">
body{margin:0;padding:0;}
.top{height:200px;background:#00F;}
.main{width:300px;height:800px;background:#0FF;margin:10 auto;}
.bottom{width:300px;height:200px;background:#999;margin:0 auto;}
</style>
</head>
<body>
<div class="top"></div>
<div class="main"></div>
<div class="bottom"></div>
</body>
</html>
在给中间的main居中 时，代码"margin:0 auto"可以使main居中，，我用“margin-top:10px;margin-left:auto;margin-right:auto;”可以居中，还会在main上方空出10px，但是我用“margin:10 auto;”为什么就不能居中了？
