postion relative 对 absolute 和 fixed 的限制做用

若是 一个 元素 定位了 absolute ， 若是 它的父元素 定位了 relative 那么 该元素的定位会被限制

absolute

1， 限制 left ， top , right , bottom , 在 父元素里面 进行 定位。

2， 限制 z-index 层级， 子元素层级和父元素层级同样

3， 限制 在 overflow ， 若是 没有父元素 定位 absolute 那么 子元素 overflow 会没有其做用的， 会露出来 超出的部份内容。 若是父元素 加了 定位 relative 那么子元素的 overflow 就能够控制了

fixed的限制

只能限制 子元素的 z-index 层级， 和 父元素层级同样。 其余限制不了

https://www.imooc.com/video/10710

relative 定位和 absolute 定位

relative 定位是 相对 自身的， 也就是 relatIve的定位是 以 top=0 ,left=0 为原点来定位的。 而 absolute 是 以 边界的 四个角为 原点进行定位的。

relative 无相关性

relative 定位，不会影响其余元素的布局和定位，不想 margin 定位，会影响其余元素进行移动。

###尽可能避免使用 relative relative 有时候会出现BUG或者是 元素的层级覆盖 absolute 不依赖于 relative ， 能够使用其余方式 好比 margin 去定位

###使用 relative 也要使用其最小化原则 即 若是某个元素须要定位， 能够将 其 放入一个 空的 div 里面， 该 div 定位为 relative 而后该元素 能够定位 为 absolute ， 这样就不会影响其余元素了。