个回答

• 漠里

  2020-12-22 13:26:51

  上面两个解释都有问题，position 50% 是相对于父级元素，这样元素的左上角是在父级的中心点。translate -50% 是相对自己的宽高，这样元素自己的中心点就和父级中心点重合，所以可以实现对父级居中。

  0

• tigerchn

  2019-08-14 18:27:38

  left50%是页面的50%，translate50%是自身宽度和高度的50%

  0

• qq_雙葉

  2018-07-30 07:39:44

  left50%让元素往右边移了50%，translate(-50%,-50%)又让元素左移了50%，所以没反呢

  1