自动居中一列布局

三个技能点：

　　标准文档流

　　块级元素

　　margin 属性

一般我们的网页元素会设为头 内容 底部三部分，然后要将三个内容同时居中，我们一般是要在三个标签外层继续加一个wrap包裹标签:

<div id="wrap">
    <div id="header">...</div>
    <div id="content">...</div>
    <div id="footer">...</div>
</div>

需要设置wrap的margin属性

#wrap{
   margin:0 auto;
   .......
}

外边距 = (浏览器的宽度-外包层的宽度) / 2

注意：

　　若是wrap层设置浮动或是绝对定位，是这种自动居中方式是无用的。

自动居中一列布局