Comment mettre un élément au bas de son conteneur en utilisant CSS

Découvrez comment coller un élément au fond de son conteneur en utilisant CSS

C'est une chose assez courante à faire, et j'ai dû le faire récemment.

Je assignais aveuglémentbottom: 0à un élément que je voulais coller au bas de son parent.

Il s'avère que j'oubliais 2 choses: le réglageposition: absolutesur cet élément, et en ajoutantposition: relativesur le parent.

Exemple:

<div class="container-element">
  ...
  <div class="element-to-stick-to-bottom">
    ...
  </div>
</div>
.element-to-stick-to-bottom {
  position: absolute;
  bottom: 0;
}

.container-element { position: relative; }

Téléchargez mon gratuitManuel CSS


Plus de didacticiels CSS: