为什么子绝父相 的一点理解

2,620 阅读1分钟

初来乍到,理解不对的希望各位大佬多多指正,感谢~~

首先,这是最常用的定位组合方式,不是绝对的规则

然后,什么情况需要这样定位,不这么定位有什么后果

  1. 为什么儿子要绝对定位

一般小图标,比如轮播条里面的小三角需要放在其他子元素上面,就是层叠,虽然float,以及除static 的其他定位都可以利用Z-index让盒子优于其他元素显示,但是,只有absolute完全脱标且不占位置,这样别的盒子才能方便排序。

  1. 为什么父亲要相对?

不管是相对绝对固定,都可以让子元素找到定位点,但问题是如果父元素是相对定位,在文档流中不占位,那父元素下面的盒子就会跑上来。。。

那fixed呢? 也不太好,它不能让父亲们随着页面滚动啊

导航栏可能有多个父亲盒子,如果用fixed且不单独指定每个盒子位置,一堆父亲盒子会重叠在一起