想要继承 ReactJS 项目中父元素的宽度，但继承值不起作用

问：

试图使我的组件继承我将其放入其中的容器的宽度。MDN 参考告诉我，以我编写代码的方式应该没有问题，但是，该组件拒绝采用其父宽度。也许这是 reactJS 的问题，或者可能与祖先元素（例如 ：root、html 或 body）有关。

这是我的代码：

.hero_innerContainer {
  display: flex;
  justify-content: center;
  border: dotted 2px;
  width: 96%;
  height: 94%;
  border-radius: 5px;
}
.TerminalScreen {
  display: flex;
  width: inherit;
  height: 240px;
  background-color: rgb(30,30,30);
  margin-top: 14px;
  color: white;
  font-family: 'Times New Roman', Times, serif;
}

安宇对继承值起作用有什么建议？