Html 除去包装器和主容器之间的空间

我是新的CSS，我正在为我的网站学习CSS。最近我发现我的网站更新到最新版本后出现了CSS问题。在主容器和包装器之间有一个空间。请参见下图

如何获得包装器和主容器之间的空间？Firefox检查给了我这个

.d-header > .wrap {
    width: calc(100% - 16px);
    height: 100%;
}

我尝试了下面的自定义CSS来解决这个问题，但没有效果

.d-header .wrap {
    max-width: 1144px;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
}

---

我不知道为什么我不能改变包装的最大宽度。需要一些帮助来解决此问题吗？

将宽度更改为

100%

是否解决了您的问题

.wrapper{
宽度：300px；
背景：绿色；
高度：70像素；
显示器：flex；
证明内容：中心；
利润率：20px；
}
.header1、.header2{
背景：黄色；
高度：30px；
利润率：20px0；
}
.校长1{
宽度：计算（100%-16px）；
}
.校长2{
宽度：100%；
}

宽度为
的收割台：计算（100%-16px）
宽度为100%的标题

尝试设置
边距：0到包装器和填充：0
；对于容器
我认为存在边距填充问题