盒子模型

一，position

absolute	生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。（相对于父元素） 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed	生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative	生成相对定位的元素，相对于其正常位置进行定位。 因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit	规定应该从父元素继承 position 属性的值。

static和relative会占据文档流空间,
absolute和fixed是脱离文档流的，不会占据文档流空间。
二，float
float能让元素从文档流中抽出，它并不占文档流的空间，典型的就是图文混排中文字环绕图片的效果了。
与absolute的异同点：

共同点：对内联元素设置float或absolute属性，可以让元素脱离文档流（块级元素也可以），并且可以设置其宽高。

不同点：
float仍会占据其位置，position会覆盖文档流中的其他元素。  

一，position

absolute	生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。（相对于父元素） 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed	生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative	生成相对定位的元素，相对于其正常位置进行定位。 因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit	规定应该从父元素继承 position 属性的值。

static和relative会占据文档流空间,
absolute和fixed是脱离文档流的，不会占据文档流空间。
二，float
float能让元素从文档流中抽出，它并不占文档流的空间，典型的就是图文混排中文字环绕图片的效果了。
与absolute的异同点：

共同点：对内联元素设置float或absolute属性，可以让元素脱离文档流（块级元素也可以），并且可以设置其宽高。

不同点：
float仍会占据其位置，position会覆盖文档流中的其他元素。