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

Question

所以我试图让我的一个div的背景图像扩展到我的屏幕的整个宽度，同时保持我的div中的内容设置为一定的宽度。

我尝试过溢出：可见，最小宽度：100％，最大宽度：100％并且这些选项似乎都没有正常工作。我不确定是不是因为我通过CSS或什么来覆盖原始图像来设置背景图像。

由于我的网页尚未投放，我已将图片HERE关联起来以帮助解释。

我试图将规则设置为使背景图像全宽的位置在#content-core下，最大宽度：100％只是让所有内容都是全宽而不是背景图片。

非常感谢任何帮助，如果您需要更多信息，请询问。谢谢！

Answer 1

您希望将内容嵌套在您设置为100％的容器div中。

.mycontainer {
 Width:100%;
} 

.mycontent {
Width:80%;
} 

Answer 2

如果我理解你的问题是正确的，那就是过度思考，

只需使用带有CSS的主容器

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

属性并在其中插入与您的内容不同的div。

请参阅here