宽度设置width：100%时 margin不生效问题处理

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主要用于元素之间的间距。