1. 基本样式 (css/footer.css:430-438) 中，.bottm-box .company-msg 设置了：
- width: 100%
- max-width: 1440px
- display: flex
- justify-content: space-between
2. 媒体查询 (css/footer.css:636-643) 中，在 max-width:1439px 时：
- 改为 flex-direction: column
- 添加了 margin-left: 12px 和 margin-right: 12px
问题原因：
当 .company-msg 设置了 width: 100% 和 max-width: 1440px 时，这个元素会填满其父容器.bottm-box 的全宽度。在这种情况下，设置 margin-left: 12px 和 margin-right: 12px不会生效，因为：
1. 元素已经占满容器的100%宽度
2. 再添加margin会导致总宽度超过100%，被CSS盒模型规则限制
解决方案：
可以使用 padding 代替 margin，或者调整 width 的值来为 margin 留出空间：
/* 方案1：使用padding代替margin */
.bottm-box .company-msg {
flex-direction: column;
padding: 2px 12px 26px 12px;
}/* 方案2：调整width为margin留出空间 */
.bottm-box .company-msg {
flex-direction: column;
width: calc(100% - 24px); /* 减去左右margin */
margin-left: 12px;
margin-right: 12px;
} 推荐使用方案1（padding），因为在flexbox布局中，padding更适合用来创建内部间距，而ma
rgin主要用于元素之间的间距。