Html 无法扩展宽度'；我的输入栏的s并将其与中心对齐

这是我用来将所有内容都放在用户屏幕中央的类

    container: {
      display: "flex",
      position: "absolute",
      top: 0,
      left: 0,
      height: "100%",
      width: "100%",
      alignItems: "center",
    }

我正在使用box增加输入栏的宽度：

          <Box p={3} width="100%" className={classes.container}>
            <div className={classes.container}>{children}</div>
          </Box>

{儿童}

现在是当我增加的时候会发生什么

输入栏未居中并向右移动

---

我该如何扩展输入栏并保持所有内容居中？

我可以看到您正在使用flexbox，因此删除

位置：绝对，顶部：0，左侧：0，

，并将

对齐内容：中心

添加到

类名

container: {
    display: "flex",
    justifyContent: 'center',
    height: "100%",
    width: "100%",
    alignItems: "center",
  }

---

@这对你有好处吗？