Comme on peut le voir dans le violon suivant, j'ai deux div
s, contenus dans un parent div
qui se sont étirés pour contenir le grand div, mon objectif est de rendre ces enfants div
égaux en hauteur.
94
Comme on peut le voir dans le violon suivant, j'ai deux div
s, contenus dans un parent div
qui se sont étirés pour contenir le grand div, mon objectif est de rendre ces enfants div
égaux en hauteur.
Réponses:
La solution consiste à utiliser
display: table-cell
pour mettre ces éléments en ligne au lieu d'utiliserdisplay: inline-block
oufloat: left
.Violon de travail
la source
Utilisez
display: flex
pour étirer vosdiv
s:JSFIDDLE
la source
Ajoutez le CSS suivant:
Pour la div parent:
Pour div enfant:
la source
stretch
sur les enfants pour que flex fonctionne pour moi.https://www.youtube.com/watch?v=jV8B24rSN5o
Je pense que vous pouvez utiliser l'affichage comme grille:
la source
auto
ligne et une cellule par défaut. Cela fonctionne plutôt bien avec IE si vous utilisezdisplay: -ms-grid
pour éviter certains bogues flexibles, tant que vous n'avez qu'un seul enfant.Vous pouvez le faire facilement avec un peu de jQuery
la source