CSS 2 div de taille automatique à la même hauteur
j'ai une question dans le CSS:
Comment je peux le faire:
Quand le vert div a (auto) 500px hauteur du contenu du rouge a obtenu le même.
Et quand le rouge a (auto) 700 pixels de hauteur pour le contenu que les verts ont eu le même.
Les deux ont tout contenu puis-je utiliser automatique de la hauteur.
Donc comment je peux faire les vert a la même largeur que le rouge et le rouge aussi, mais de pentecôte un contenu différent de pentecôte "height: auto;"?
C'est un article de Matthew James Taylor, où il explique ce problème et fournit une réponse. J'ai utilisé sa solution dans un couple de mes projets et il fonctionne à merveille. Pas de JavaScript, pas de hacks, pur HTML & CSS. http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
OriginalL'auteur Marcos | 2012-04-11
Vous devez vous connecter pour publier un commentaire.
Je voudrais juste envelopper les deux DIVS, à l'intérieur d'une div, et de la faire remonter sur le DIV parent, puis redimensionnez le parent
Quelque chose comme cela.... puis utiliser CSS pour mettre en forme
quelques autres solutions pourraient être énumérés ici
http://www.ejeliot.com/blog/61
OriginalL'auteur Brad Fox
Tout d'abord, lisez cet excellent article. Puis, découvrez le violon:
http://jsfiddle.net/UnsungHero97/qUT3d/
HTML
CSS
OriginalL'auteur Hristo
Idéalement de vous mettre un min-height sur les deux cellules, ou que la réponse par @Taeeril correctement suggèrent l'utilisation de javascript pour l'égalité les hauteurs.
Voici une solution en utilisant le tableau d'affichage des types de http://jsfiddle.net/SebAshton/Pj7gy/
OriginalL'auteur Seb Ashton
http://codepen.io/micahgodbolt/pen/FgqLc
OriginalL'auteur user2657778