position :绝对定位（absolute）、相对定位 （relative）

1. div盒模式：外边距会被合并掉

2. 只有块元素才能有自己的高度和宽度；行内元素和快元素可以通过css来进行互换

3. 任何元素只要设置了浮动那么会自动的转为块级元素

4. 浮动之后一定要清除浮动来避免不必要的麻烦

5. 定位不是来做布局的，定位是用来解决一些特殊的样式

绝对定位（absolute）：将被赋予此定位方法的对象从文档流中拖出，使用left，right，top， bottom等属性相对于其最接近的一个最有定位设置的父级（）对象进行绝对定位，如果对象的父级没有设置定位属性，即还是遵循HTML定位规则的，则依据 body 对象左上角作为参考进行定位。绝对定位对象可层叠，层叠顺序可通过 z-index 属性控制，z-index值为无单位的整数，大的在最上面，可以有负值（目前负值FF不支持）。
相对定位（relative）：对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。