Html 收缩浏览器时，标题的背景图片不全宽

我正在制作一个页眉组件，我想实现的是使我的页眉图片拉伸到网页的整个宽度，即使浏览器收缩，但是当你收缩浏览器时，图片没有拉伸100%，这让我发疯。我不想删除scroll-x属性，因此如何修复此问题？我做错了什么？以下是我这期杂志的图片：

这是我的密码笔：

---

所以，正如我承诺的那样，我找到了一个解决方案

将父div中的display:flex更改为display:inline块并删除宽度：100%。div将具有内容的大小，即使内容溢出

将宽度设置为100%将相对于父对象，这是主体。然而，主体不包括溢出物

我希望它能起作用：

PS：如果您仍然需要display:flex，请使用flex属性创建一个子div

添加这个css

body{padding:0;margin:0}

---

难题我同意。。问题是父div拥有100%。作为溢出-x，主体将只具有窗口的宽度，而不是溢出。如果使用overflow-x:hidden；它会被修复的。但应该有另一种选择。我需要弄明白是的，肯定还有另一种方法，如果你能弄明白的话，我将非常感激：你被要求在这里，在你的问题范围内，发布一个帖子，而不是任何第三方网站。