定位细碎小知识

定位细碎小知识

一.子绝父相的由来。

子级是绝对定位的话，父级要用相对定位

1. 子级绝对定位，不会占有位置，可以放在父盒子里面的任何一个地方，不会影响其他的兄弟盒子
2. 父盒子需要加定位限制子盒子在父盒子内显示
3. 父盒子布局时，需要占有位置，因此父盒子是相对定位

这就是子绝父相的由来，所以相对定位经常用来作为绝对定位的父级。

总结：因为父级需要占有位置，因此是相对定位，子盒子不需要占有位置，则是绝对定位

当然，子绝父相不是永远不变的，如果父元素不需要占有位置，子绝父绝也会遇到。

二.固定定位（fixed）小技巧：固定在版心右侧位置。

总结：

1. 让固定定位的盒子left：50%。走到浏览器可视区（也可以看做版心）的一半位置
2. 让固定定位的盒子margin-left:版心宽度的一半距离，多走版心宽度的一半位置就可以让固定定位的盒子贴着版心右侧对齐了