Comment rendre la hauteur des boîtes identique pour chaque article afin qu'il n'y ait pas d'espace blanc

Question

Je voudrais faire la même hauteur de la boîte pour chaque article. Quand j'écris plus de texte, la boîte sera plus haute ce qui n'est pas ce que je veux. Y'a-t-il une quelconque façon de réussir cela?

http://michalurban.cz/rybicky/

Voici le problème marqué sur l'image:

Answer 1

Avec jQuery vous pouvez trouver la plus grande hauteur de tous les éléments et appliquer cette hauteur à tous.

// @param $elements - a jQuery object of the elements you want the same height 
 
function setHeightsToLargest($elements) { 
 
    var largest = 0; 
 
    $elements.each(function() { 
 
    var h = $(this).height(); 
 
    if (h > largest) { 
 
     largest = h; 
 
    } 
 
    }); 
 
    $elements.height(largest); 
 
} 
 

 
setHeightsToLargest($('article'));

article { 
 
    width: 50%; 
 
    float: left; 
 
    background: #000; 
 
    color: #fff; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<article> 
 
    <p> 
 
    V této novince si představíme nádherný aquascape, který vytvořil 29letý Ryan Thang To. Aquascaping je v podstatě naaranžování kamenů, rostlin, substrátu, kořenů a jiných věcí v akváriu tak, že vznikne esteticky příjemná přírodní podívaná. 
 
    </p> 
 
</article> 
 
<article> 
 
    <p> 
 
    V thajském Bangkoku jsme mohli v minulosti najít uvnitř jednoho z opuštěných obchodních center obří nádrž plnou Koi a sumců. Proč právě v obchodním centru a&nbsp;jak se tam dostali? 
 
    </p> 
 
</article>