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 ， 这样就不会影响其他元素了。

转载于:https://my.oschina.net/ouminzy/blog/1801804