1.首先定义好父亲 儿子,,
2.设置好父亲的 高度 宽度,并且设置为相对位置, position: relative;
3.设置好儿子的宽度并且设置为相对位,并且设置为绝对位置 position: absolute;
子绝父相 居中
····先让子盒子往右移动父元素的一半: left:50%;
····再让子盒子往左移动自己的一半; transform: translateX(-50%) (表示沿着X轴负方向(往左)始终移动自己宽度的一半,子盒子宽度变化不需要改变代码;
如果absloute 上下文中 不存在relative,相对于当前视窗做偏移 根节点 绝对位置*/
如果父亲是相对位置 ,儿子的话绝对位置相对于父亲进行偏移