Machen Sie Hintergrund img 100% Breite, während Inhalt Container eine andere eingestellte Breite

Question

Also versuche ich, das Hintergrundbild für eines meiner divs verbreite die volle Breite meines Bildschirms, während der Inhalt in meinem div-Set auf einer bestimmten Breite .

Ich habe versucht, Überlauf: sichtbar, minimale Breite: 100%, maximale Breite: 100% und keine dieser Optionen scheint richtig zu funktionieren. Ich bin mir nicht sicher, ob es daran liegt, dass ich das Hintergrundbild durch Überschreiben des Originals über CSS oder was eingestellt habe.

Da meine Webseite noch nicht live ist, habe ich ein Bild HERE verlinkt, um zu erklären.

Der Platz, den ich versuche, die Regel zu setzen, um das Hintergrundbild volle Breite zu machen, ist unter #content-core mit max-width: 100% nur um den gesamten Inhalt volle Breite statt nur das Hintergrundbild gehen zu lassen.

Jede Hilfe wäre sehr willkommen und wenn Sie weitere Informationen benötigen, fragen Sie bitte. Vielen Dank!

Answer 1

Sie möchten Ihren Inhalt in einem Container-Div, der auf 100% gesetzt wird, verschachteln.

.mycontainer { 
Width:100%; 
} 

.mycontent { 
Width:80%; 
} 

Answer 2

Wenn ich Ihre Frage richtig verstanden habe, dann dies sind Grübeln,

einfach einen Hauptbehälter mit dem CSS

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

Attribut und legen Sie eine andere div darin mit dem Inhalt.

Siehe here