Html 使用display:flex时div不与行对齐

我尝试将同一行上的三个div对齐，但div只逐行显示一个，就好像我在使用column一样。知道我的错误是什么吗

如果您认为错误可能来自“header.php”，请毫不犹豫地告诉我，这是到目前为止我工作的唯一其他部分。如果有人要求，我会在这里发布它的HTML和CSS

正文{
背景色：#f1f1；
字体系列：“robotolight”；
边际上限：0px；
右边距：0px；
左边距：0px；
}
.集装箱{
填充：0；
保证金：0；
背景色：#ffffff；
-ms盒方向：水平；
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flexbox；
显示：-moz flex；
显示：-webkit flex；
显示器：flex；
flex-flow：行nowrap；
-webkit flex流：行换行；
jusitify内容：周围的空间；
}
mydiv先生{
背景色：#ffffff；
-moz盒阴影：1px 1px 1px 0px#999999；
-网络工具包盒阴影：1px 1px 1px 0px#999999；
-o形盒阴影：1px 1px 1px 0px#999999；
盒影：1px 1px 1px 0px#999999；
宽度：30%；
身高：30%；
}

左一档
第二分区中心
第三组右

您没有

.container

元素，您有一个

#container

元素

它是

justify content

而不是

justify content

例如：

.container{
对齐项目：居中；
边框：3px实心#CCC；
边界半径：5px；
显示器：flex；
证明内容：周围的空间；
填充：.5rem；
宽度：210px；
}
.盒子{
背景色：#ddd；
高度：60px；
线高：60px；
文本对齐：居中；
宽度：60px；
}

1.
2.
3.

您试图为名为container（

.container

）的类设置样式，但“container”是HTML中的一个ID。CSS应该是

#container

。现在可以用了，谢谢！