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

Question

因此，我试图让其中一个div的背景图像覆盖整个屏幕，同时使div集中的内容保持一定的宽度。

我尝试过overflow:visible，min-width:100%，max-width:100%，但这些选项似乎都不能正常工作。我不确定是不是因为我通过CSS覆盖了原始图片来设置背景图片。

由于我的网页还没有上线，我已经链接了一个图片HERE来帮助解释。

我试着把背景图片变成全宽的规则放在#content-core下，最大宽度:100%，这样所有的内容都变成全宽，而不仅仅是背景图片。

任何帮助都将不胜感激，如果您需要更多信息，请联系我们。谢谢!

Answer 1

你需要将你的内容嵌套在一个容器div中，并将其设置为100%。

.mycontainer {
 Width:100%;
} 

.mycontent {
Width:80%;
} 

Answer 2

如果我没理解错你的问题，那你就想多了，

只需在CSS中使用主容器

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

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

请参阅here