好忘性不如烂笔头，以前做的笔记，工夫长了，每次都得翻看笔记本能力找到相干信息，明天就把笔记挨着记录到文章外面去。
- relative:绝对定位，绝对定位将元素偏离元素默认的地位，然而一般流中仍旧放弃着原有的默认地位，并没有脱离一般流，只是在视觉上产生了偏移。没有扭转行内元素的display属性 <span>设置width有效
- absolute：相对定位，利用了position：absolute的元素会循着节点树种的父（祖）元素来确认“根”，而后绝对这个“根”元素来偏移，如果根元素中都没有设置position：relative或者fixed，那就绝对body进行偏移。
块元素
在position：relative/static)的状况下width为100%
在position：absolute之后，会将width变成auto（会受到父元素宽度的影响）
行内元素
在position：absolute之后width，height无效，并不需要将display扭转block
如果该元素也要应用float的话，应该留神如下几点：
与position兼容问题
- 元素同时利用了position: relative、float、（top / left / bottom / right）属性后，则元素先浮动到相应的地位，而后再依据（top / left / bottom / right）所设置的间隔来产生偏移。
- 元素同时利用了position: absolute及float属性，则float生效。
- 第一个元素利用了position之后会笼罩着接下来的float元素（如果两个元素所处的地位雷同）
注：如果你不将float的元素的position设置成relative的话，你想通过设置float元素的z-index来的达到笼罩position:absolute是有效的。同理，float元素上面存在position: absolute的子元素，如果你不将float的元素的position设置成relative的话，absolute元素是不会定位到float元素的。 - 同时利用position: absolute和float: left会导致革除浮动有效（position: relative则能够革除浮动）。