使背景 img 宽度为 100%，同时保持内容容器的另一个设置宽度

Question

所以我正在尝试使其中一个div的背景图像扩展到屏幕的整个宽度，同时将div中的内容设置为一定宽度。

我尝试过溢出：可见，最小宽度：100%，最大宽度：100%，但这些选项似乎都无法正常工作。我不确定这是因为我已经通过CSS覆盖原始图像来设置背景图像还是什么。

由于我的网页尚未上线，因此我在此处链接了一张图片以帮助解释。

我试图放置规则以使背景图像全宽的地方是在 #content 核下，最大宽度：100% 只是为了让所有内容全宽而不仅仅是背景图像。

任何帮助将不胜感激，如果您需要更多信息，请询问。谢谢！

Answer 1

您需要将

内容嵌套在设置为 100% 的容器div 中。

.mycontainer {
 Width:100%;
} 
.mycontent {
Width:80%;
} 

Answer 2

如果我理解你的问题是正确的，那么想太多了，

只需将主容器与 CSS 一起使用

background-image: url('example.com/img.png');

属性，并在内容中插入不同的div。

看这里