绝对定位-元素宽度自动撑开

情景

当父级出现定宽高情况下，子级绝对定位元素需要宽度撑开时。

原场景

我是父级 100px

子元素-撑撑撑撑撑撑撑撑撑撑撑撑撑撑撑撑撑撑

.box-1 {
  left: 50%;
  transform: translateX(-50%);
}

1. width: max-content

我是父级 100px

子元素-撑撑撑撑撑撑撑撑撑撑撑撑撑撑撑撑撑撑

  .box-1 {
    left: 50%;
    transform: translateX(-50%);
+   width: max-content;
  }

2. white-space: nowrap;

我是父级 100px

子元素-撑撑撑撑撑撑撑撑撑撑撑撑撑撑撑撑撑撑

  .box-1 {
    left: 50%;
    transform: translateX(-50%);
+    white-space: nowrap;
  }