盒模型：
1.同级上下叠压；
2.父子级使用margin或margin-top会出现塌陷现象(解决：在父级使用：1.overflow:hidden；2.padding-top；3.border)
3.（塌陷现象的原因：当父级的第一个子元素是块元素并且使用了margin或margin-top）
块标签：display:block
案例标签：div，p，h1~h6，ul，ol，li
特点：独占一行；默认宽度占满父级；高度为0
行标签：display:inline
案例标签：span，a
特点:同排序跟显示；不支持宽高的设置，内容撑开宽高；不支持上下的margin；不正常显示上下的padding；换行被解析(增加了元素间的缝隙)
行块标签：display:inline-block
案例标签：img
特点：同排显示；当只设置宽或高时，另一边等比例显示；换行被解析(增加了元素间的缝隙)；ie6，ie7不支持该行块属性
浮动：
说明：元素脱离文档流，按照指定方向发生移动，遇到父级边界换行
取值：none不浮动，left左浮动，right右浮动，inherit继承父级
作用：解决水平布局问题
特性：所有标签同排显示；行标签将会支持所有css样式；默认内容撑开宽高；脱离文档流