Comment puis-je positionner une div en bas de la div qui la contient ?
<style>
.outside {
width: 200px;
height: 200px;
background-color: #EEE; /*to make it visible*/
}
.inside {
position: absolute;
bottom: 2px;
}
</style>
<div class="outside">
<div class="inside">inside</div>
</div>Ce code place le texte "inside" en bas de la page.
.outside {
width: 200px;
height: 200px;
background-color: #EEE; /*to make it visible*/
}Doit être
.outside {
position: relative;
width: 200px;
height: 200px;
background-color: #EEE; /*to make it visible*/
}Le positionnement absolu recherche le parent le plus proche positionné de manière relative dans le DOM, s'il n'y en a pas, il utilisera le corps.
Ajouter position: relative a .outside . ( https://developer.mozilla.org/en-US/docs/CSS/position )
Les éléments qui sont positionnés de manière relative sont toujours considérés comme faisant partie du flux normal des éléments dans le document. En revanche, un élément positionné de manière absolue est retiré du flux et ne prend donc pas de place lorsque l'on place d'autres éléments. L'élément positionné absolument est positionné par rapport à l'ancêtre positionné le plus proche. Si un ancêtre positionné n'existe pas, le conteneur initial est utilisé.
Le "conteneur initial" serait <body> mais en ajoutant ce qui précède, on obtient .outside positionné.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
