网页布局基础

1.实现自动居中---列布局：

标准文档流，块级元素，margin属性

margin:10px auto;2.清除浮动：

p{clear:both;} 或 p{width:100%; overflow:hidden;}

3.相对定位relative：

相对于自身原有位置产生偏移量，仍处于标准文档流中占有位置，随即拥有偏移和z-index属性

4.绝对定位absolute：

建立了以包含快为基准的定位，完全脱离标准文档流，随即拥有偏移和z-index属性

偏移量选取根据最近的祖元素