Disons que j'ai un div qui contient un div enfant. La div conteneur est définie comme margin: 0 auto de sorte que lorsque la largeur est augmentée, la division s'étend des deux côtés. Si la division à l'intérieur de ce conteneur était également définie sur margin: 0 auto, existe-t-il un moyen de faire en sorte que cette div s'étende au-delà de sa div conteneur et s'étende aussi bien à droite qu'à gauche ?
L'exemple suivant montre que lorsque la largeur du .background est supérieure à celle du conteneur, sa taille augmente uniquement à partir de la droite et non des deux côtés.
le css et le html :
.container {
width: 600px;
background-color: lightgreen;
margin: 0 auto;
}
.background {
width: 300px;
margin: 0 auto;
background-color: blue;
}
.content {
width: 200px;
background-color: lightblue;
margin: 0 auto;
}
<div class = "container">
<div class = "background">
<div class = "content">
content
</div>
</div>
</div>Il s'agit d'une tentative de faire en sorte qu'une image d'arrière-plan graphique de bannière s'étende sur la largeur du corps d'une page tout en conservant le même contenu à l'intérieur de la page.
