网页布局基础

1. 一列固定，宽高固定，margin:0 auto
2. 一列自适应，高固定，宽百分比80%，margin:0 auto;
3. 二列居中固定，一列固定里加2div，设置宽高
   
4. 二列自适应，百分比20%，80%
5. 二列居中自适应，外边大div设置百分比，margin:0 auto 
   

1. 三列左右固定：2边固定宽and absolute 0 0 定位，中间margin: 0 100px(每边宽度）
   
2. 三列自适应：2边百分比width:20% and absolute定位; 中间 margin:0 20%；
   
3. 混合布局，前面结合。

     高度一般自己设置，百分比实现自适应

标准文档流（块级+行级）      设置了浮动的元素，仍旧处于标准文档流中    相对定位也是同样和有z-index   

Ø 从左到右撑满页面，独占一行

Ø 触 碰到页面边缘时，会自动换行    （块级）

Ø 能在同一行内显示

Ø 不会改变 HTML 文档结构                （行级）

absolute及fixed都属于绝对定位，

Ø 建立了以 包含块 为基准的定位

Ø 完全脱离了标准文档流    z-index属性

完全脱离了标准文档流—兄弟元素不再受其影响

其实概念很简单，padding是站在父view的角度描述问题，它规定它里面的内容必须与这个父view边界的距离。margin则是站在自己的角度描述问题，规定自己和其他（上下左右）的view之间的距离，如果同一级只有一个view，那么它的效果基本上就和padding一样了

width:100%，默认是以 父层为基础

语义化，多用标签，少用div