aligner les divs au fond de leur conteneur

Question

J’ai pensé que ce serait simple, je dois aligner les deux divs intérieurs (vert et bleu) au fond de leur conteneur (rouge). J’espère ne pas utiliser le positionnement absolu et j’ai besoin qu’il soit compatible ie6,7,8 ff chrome safari etc.

J’ai essayé d’utiliser `` mais je ne trouve pas de solution simple.

merci pour l’aide, p.

EDIT voici ma tentative de solution abs pos:

Answer 1

Pourquoi ne pouvez-vous pas utiliser le positionnement absolu? L’alignement vertical ne fonctionne pas (sauf pour les tableaux). Faites en sorte que la position de votre conteneur soit relative. Ensuite, positionnez absolument les divs internes en utilisant le bas: 0; Devrait fonctionner comme un charme.

EDIT Par zoidberg (je vais mettre à jour la réponse à la place)

Answer 2

La façon moderne de le faire est avec flexbox, en ajoutant `` sur le conteneur.

Avec ce contenu :

Utilisez ce style :

https://codepen.io/rds/pen/gGMBbg