关于position的六种属性

position的定位属性

1. position：static（默认值）无特殊定位。
   （1）元素出现在正常的流中（忽略top、bottom、left、right或者z-index的声明）
   （2）当没有为元素指定方式时，默认为static，也就是按照文档的流式（flow）定位，将元素放到一个合适的地方。

2. position：inherit 规定从父元素继承position的属性值。

3. position：relative 相对定位——相对于自己以前在标准流中的位置进行定位。元素通过偏移值（left、right、top、bottom）等属性在正常文档流中偏移位置。并且其不影响元素的本身特性，在没有定位偏移量时对元素无影响。
   （1）相对于定位元素来说仍然在文档流中，依然占据他本来的位置空间。
   （2）由于其不脱离文档流，所以在相对定位中区分块级元素/行内元素/行内块元素。
   （3）由于其不脱离文档流，并且相对定位元素会占用标准流中的位置，所以给相对定位元素设置magin/padding等属性会影响到标准流中的布局。
   （4）提升层级，用z-index的样式可以改变一个元素的层级关系，从而改变覆盖关系，值大者在上面。
   （注意：1.在没有脱离文档流的情况下，后渲染的元素会覆盖先渲染的元素。2.改变margin-left和在positonÿ