再在child元素里加入一行代码:left:50%;,此时效果图如下: 此时可以看到,给child元素设置left:50%;并不能实现居中,因为child元素还有自身宽度,此时可以利用transform里面的translate属性的一个特性,即translate的百分比参照物是自身。此时再给child元素加入一行代码:transform:translateX(-50%);,效果图如下: 代码示意: ....