Html 如何创建flexbox布局？

我想在一个div和一个div中创建一个flexbox布局标题、细节和其他内容，其中内容靠近这个div，并且应该放在名为container的主框的中心

我试着做什么？ 我创建了一个名为container的div，并在其中放置了标题和其他细节。这样，closediv也位于名为容器的div中。它应该在container div的外部和中间

我想创建一个如下图所示的布局，

有人能帮我解决这个问题吗？链接到代码

.包装盒{ 宽度：calc100%-450px； 边框：1px纯绿色； 保证金：0自动； } .集装箱{ 显示器：flex； 证明内容：之间的空间； 边框：1px纯蓝色； 填充：10px； } 标题 细节 车票号码 调试 一些反应 关

---

您可以通过移动close div并向box\u包装器添加更多样式来实现所需的结果

.包装盒{ 显示器：flex； 弯曲方向：行； 对齐项目：居中； 边界：无； 保证金：0自动； } .集装箱{ 显示器：flex； 证明内容：之间的空间； 宽度：calc100%-450px； 边框：1px纯蓝色； 填充：10px； } 标题 细节 车票号码 调试 一些反应 关