在我们浏览网页中经常看见一列布局其实一列布局就是
一般的一列布局的都是固定宽度的
body{margin:0;padding:0}
.main{width:800px;height:300px;background:#ccc;margin:0 auto}
<body>
<div class="main"></div>
</body>
margin: 0 auto 就是给div水平居中对齐
在一般做开发的时候，不会设置高度，这里是为了凸显是居中，所以设置了一下高度
原文：http://www.cnblogs.com/kevinlifeng/p/5153045.html