子绝父相水平居中案例---解决方法

1、子绝父相

2、先让子盒子往右移动父元素的一半；

     left:50%;

3、再让子盒子往左移动自己的一半；

    ①、普通做法：margin-left：负的子盒子宽度的一半；

          缺点：子盒子宽度变化后需要重新改代码；

    ②、优化做法：transform：translateX(-50%)；

          优点：表示沿着X轴负方向（往左）始终移动自己宽度的一半，子盒子宽度变化不需要改变代码；