Html 从父类重写最大宽度

我正在使用一个响应网格布局，用于移动和桌面大小。我的目标是将页脚分成两行，并在它们之间添加一条适合整个屏幕大小的线。但是，对于桌面大小，我有一个容器类，其最大宽度为1700px，因此为了实现我的目标，我创建了一个类，中间行，最大宽度为none（以及initial），但仍然继承容器的最大宽度。这是我的密码

/********CSS*******/
.container{
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1170px;
}

@media(min-width: 48em){
   .container > .intermediate-line{
       max-width:none;
       border-top: solid 1px;  
   }
}
/******************/

/*******HtML*******/
<footer class="background-primary">
<div class="container">
  <div class="row">
    <div class="col-1-4">logo</div>
    <div class="col-1-4">address</div>
    <div class="col-1-4">Phone Number</div>
    <div class="col-1-4">Social Media</div>
  </div>

  <div class="intermediate-line"></div> 

  <div class="row">
    <div class="col-1-4">copyright</div>
    <div>Privacy Policy</div>
    <div>Terms of Use</div>
  </div>
</div>

/*******CSS*******/
.集装箱{
右侧填充：15px；
左侧填充：15px；
右边距：自动；
左边距：自动；
最大宽度：1170px；
}
@介质（最小宽度：48em）{
.container>.intermediate行{
最大宽度：无；
边框顶部：实心1px；
}
}
/******************/
/*******HtML*******/
标志
地址
电话号码
社会化媒体
版权
隐私政策
使用条款

---

只需制作两个容器，线条的最大宽度为100%，无论容器的宽度如何，它都会延伸到整个屏幕

.container{
右侧填充：15px；
左侧填充：15px；
右边距：自动；
左边距：自动；
最大宽度：1170px；
}
.中间线{
最大宽度：100%；
边框顶部：1px实心；
}
.集装箱{
右侧填充：15px；
左侧填充：15px；
右边距：自动；
左边距：自动；
最大宽度：70像素；
}
.中间线路{
最大宽度：自动；
边框顶部：1px实心；
}
.集装箱{
右侧填充：15px；
左侧填充：15px；
右边距：自动；
左边距：自动；
最大宽度：1170px；
}
.背景初步
{最大宽度：180px；}
.中间线{
最大宽度：初始宽度；
边框顶部：1px实心；
}

标志
地址
电话号码
社会化媒体
版权
隐私政策
使用条款



标志
地址
电话号码
社会化媒体
版权
隐私政策
使用条款



标志
地址
电话号码
社会化媒体
版权
隐私政策
使用条款

只需制作两个容器，行的最大宽度为100%，无论容器的宽度如何，它都会延伸到整个屏幕

.container{
右侧填充：15px；
左侧填充：15px；
右边距：自动；
左边距：自动；
最大宽度：1170px；
}
.中间线{
最大宽度：100%；
边框顶部：1px实心；
}
.集装箱{
右侧填充：15px；
左侧填充：15px；
右边距：自动；
左边距：自动；
最大宽度：70像素；
}
.中间线路{
最大宽度：自动；
边框顶部：1px实心；
}
.集装箱{
右侧填充：15px；
左侧填充：15px；
右边距：自动；
左边距：自动；
最大宽度：1170px；
}
.背景初步
{最大宽度：180px；}
.中间线{
最大宽度：初始宽度；
边框顶部：1px实心；
}

标志
地址
电话号码
社会化媒体
版权
隐私政策
使用条款



标志
地址
电话号码
社会化媒体
版权
隐私政策
使用条款



标志
地址
电话号码
社会化媒体
版权
隐私政策
使用条款

AFAIK引导程序将：

容器

划船

列-[大小]-[n1+n2+n..=12]

以整页模式查看代码段并向下调整大小

一小条

00A00
/********CSS*******/
.集装箱{
右侧填充：15px；
左侧填充：15px；
右边距：自动；
左边距：自动；
最大宽度：1170px；
}
页脚{
边框：1px纯黑；
边框底部：0非透明；
}
@介质（最小宽度：48em）{
/*768px*/
footer.row.左除法{
右边框：1px纯黑；
}
footer.row{
边框顶部：1件纯黑；
}
}
/******************/
地址
电话号码
社会化媒体
版权
隐私政策
使用条款

AFAIK引导程序将：

容器

划船

列-[大小]-[n1+n2+n..=12]

以整页模式查看代码段并向下调整大小

一小条

00A00
/********CSS*******/
.集装箱{
右侧填充：15px；
左侧填充：15px；
右边距：自动；
左边距：自动；
最大宽度：1170px；
}
页脚{
边框：1px纯黑；
边框底部：0非透明；
}
@介质（最小宽度：48em）{
/*768px*/
footer.row.左除法{
右边框：1px纯黑；
}
footer.row{
边框顶部：1件纯黑；
}
}
/******************/
地址
电话号码
社会化媒体
版权
隐私政策
使用条款

none

不是

最大宽度的有效值。你试过
auto
吗？
中间行的样式是怎样的？如果删除其
max width
，则预期其宽度为其父级的宽度。请给我们看看你们的款式。更好的是，提供一个工作示例。@Turnip是的，我尝试了许多值，包括initial，但没有任何效果，始终继承容器max wid