如果父元素和组元素没有定位，那么该元素将依靠窗口左上角定位

position absolute 是没有高度的

如果没有设置定位属性其他的元素就按照标准流的摆置

position absolute 再上下

absolute的定位是正常的

绝对定位：脱离文档流

1、position:relative; 相对定位 原先的位置不会被后面的元素占用

（1）若设置了top和left的值，则它以它的父元素的（若没有父元素就以它自己的）左上角为原点，向右向下为x轴、y轴的正方向，移动相应的距离

（2）若设置了top和right的值，则它以它的父元素的（若没有父元素就以它自己的）右上角为原点，向左向下为x轴、y轴的正方向，移动相应的距离

（3）若设置成负值，则原点不变，正方向变为相反的方向

以此类推……

2、position:absolute; 绝对定位 原先的位置会被释放，然后被后面的元素占用

（1）若设置了top和left的值，则它以它的最近的定位了的父元素的（否则以当前可视浏览器窗口的）左上角为原点，向右向下为x轴、y轴的正方向，移动相应的距离

（2）若设置了top和right的值，则它以它的最近的定位了的父元素的（否则以当前可视浏览器窗口的）右上角为原点，向左向下为x轴、y轴的正方向，移动相应的距离

（3）若设置成负值，则原点不变，正方向变为相反的方向

以此类推……

（4）若以浏览器窗口的右下角为原点，且bottom设置为负值时，则它会向浏览器下方移动，这时可能会移动到浏览器的下一屏

absolute(可以用top left right bottom来调，而以top 和bottom来定位时的x轴又不同，这也是它和relative的区别)

fixed

inherit

绝对定位 absolute  当参数是left（数值越大，元素位置水平越向右。）和top时  元素以网页左上角为原点 由左向右 由上至下移动；当参数是right和bottom时， 网页以右上角为原点 元素由右向左 由上至下移动；当参数是left和bottom时，元素以网页左下角为原点，从左向右，从下到上移动；当参数是right和bottom是，元素以右下角为原点，从右向左 从下到上移动。  相对定位 relative  则是始终以网页左上角为原点，随着参数改变做以上移动。

absolute 当其父元素不具有定位属性，则以窗口为定位

absolute（绝对定位）

可以通过left，right，top，bottom控制位置。

脱离正常文档流。

定位移位以当前窗口为主：

lelf：50px 元素向右移动50px

top：50px元素向下移动50px

right：50px元素向左移动50px

bottom：50px元素向上移动50px

position：absolute

元素会脱离正常的文档流有层级概念，后写元素覆盖先写元素

当父元素不具备定位属性时，则组元素会以窗口的4个角作为原点进行定位

relative相对于自己原来的位置进行相对定位 absolute相对于最近的父级元素进行定位 fixed始终相对于浏览器窗口进行对位 顺便说一下，fixed就是特殊的absolute

absolute: 绝对定位，配合top、right、bottom、left，元素会脱离正常的文档流

有层级概念，后写元素覆盖先写元素

当height>屏幕高度，  right和bottom是相对于屏幕的右下角，而不是body的bottom

absolute：脱离正常的文档流

              left 从左向右 top 从上到下  从左上角

              right  top 从右上角开始改变

abosolute: 元素脱离文档流

left：左边作为坐标轴方向 其他同理

相对于窗口的绝对定位

如果父元素没有定位属性，那么子元素的绝对定位还是相对于窗口

position-absolute  2分30秒脱离文档流问题

absolute 绝对定位

top right bottom left

后写的元素覆盖先写的元素

没有高度

fixed  固定定位

absolute 是不受 外层div定位元素影响的

bottom：-500 以 原来的div 为中心移动

bottom表示  从页面下面为原点

absolute  的left 以左上角为原点

right 以右上角为原点

绝对定位会脱离文档流

当父元素不具备定位属性时，则组元素会以窗口的4个角作为原点进行定位

relative相对于自己原来的位置进行相对定位 absolute相对于最近的父级元素进行定位 fixed始终相对于浏览器窗口进行对位 顺便说一下，fixed就是特殊的absolute absolute绝对定位，相对于最近的已经定位（position为absolute或者relative的元素）的祖先元素 如果没有就一直往上找，直到body即相对当前窗口定位 以窗口四个边为标准定位   relative相对定位，相对于本元素原始位置进行定位  一般来说是左上顶点

当设置position:absolute 的时候，整个html是没有高度的，说明这个元素已经脱离了文档流，但是元素本身还是有高度的。当设置position的时候才会产生重叠，所以在position的情况下才能用z-index，数字越大，层级越高。还有一种情况产生重叠，margin-top: -100px, 这种情况下不能用z-index。