静态定位：
HTML元素的默认值，即没有定位，元素出现在正常的流中。
静态定位的元素不会受到top,bottom,left,right影响。
固定定位：
元素的位置相对于浏览器窗口是固定位置。
margin-bottom 和margin-right的值不再对文档流中的元素产生影响，因为该元素已经脱离了文档流。另外，不管它的祖先元素有没有定位，都是以文档流中原来所在的位置上偏移参照物。
图9中，使用margin属性布局相对定位元素。
层级关系为：
<div ——————————— position:relative; 不是最近的祖先定位元素，不是参照物
<div—————————-没有设置为定位元素，不是参照物
<div———————- position:relative 参照物
<div box1
<div box2 ——–position:absolute; top:50px; left:120px;
<div box3
固定定位：position:fixed
固定定位是相当于“当前窗口”来进行的定位。
固定定位元素不再占空间，层级要高于普通元素，跟“浮动”很像。
固定定位元素，是一个“块元素”，换句话说，行内元素使用fixed定位，将转成“块元素”。
如果只指定了fixed定位属性，并没有设置偏移量，则“原地不动”。
绝对定位absolute
绝对定位元素，相对于“祖先定位元素”进行的定位。
如果父元素没有定位属性的话，则再往上找父定位元素，如果一直找到<body>元素，都没有找定位元素的话，则最终就相对于body来定位。
如果父元素是定位元素(相对或绝对)的话，那么绝对定位元素，就相对于该父元素进行定位。
绝对定位元素，不再占空间，层级要高于普通元素。
绝对定位元素，是一个“块元素”。
如果只指定absolute定位，并没有设置偏移量，则元素的位置不会改变(原地不动)。