Html 为什么<；部门>；与班级一起；货柜；抓住左边的边缘？

当带有“boss”类的div通常显示在中心时，为什么带有“container”类的div会附着在左侧边缘

对于具有“boss”类的div，我指定了宽度和最大宽度，一切正常，但是当我向“container”类编写相同的代码时，内容被压到左侧

正文{
字体系列：“开放式Sans”，无衬线；
保证金：0；
}
*,
*：之前，
*：之后{
框大小：边框框；
}
.标题{
背景颜色：珊瑚；
}
老板{
宽度：100%；
最大宽度：1100px；
背景色：#313030；
保证金：20px自动；
}
.集装箱{
宽度：100%；
最大宽度：1100px；
}
.菜单{
显示器：flex；
证明内容：中心；
}
.按钮{
填充：40px 30px；
过渡：背景色。2s线性；
}
.按钮：悬停{
不透明度：2；
背景色：红色；
}
.链接{
颜色：白色；
文字装饰：无；
}

例子
例子

我没有像在“boss”类中那样写一行“margin:0px auto”

您没有正确定位

.container

如果您希望它与

.boss

相同，那么您应该给它一个

margin:20px auto