如何使超出屏幕大小的div居中？

Question

宽度为500px的body里有一个宽度未知但是大于body的div，
div中有一个内容文字
现在需要实现div居中
也就是说左边溢出部分和右边溢出部分等长
怎么写？
谢谢

Answer 1

position:absolute;
left: 50%;
transform: translateX(-50%);

既然可以修改，为什么不设置div宽度百分百