CSS-Techniken zum Erreichen eines mehrspaltigen Layouts gleicher Höhe, das das Frontend beherrschen sollte

<ul Klasse="Artikel">
    <li Klasse="js-equalheight">
      <p>
      Ein Makler, der die Interessen seiner Kunden in den Mittelpunkt stellt.
      Stellen Sie seinen Kunden professionelle Handelstools zur Verfügung. Ein Broker, bei dem die Interessen der Kunden an erster Stelle stehen.
      Stellen Sie seinen Kunden professionelle Handelstools zur Verfügung. Ein Broker, bei dem die Interessen der Kunden an erster Stelle stehen.
      Bieten Sie Ihren Kunden professionelle Handelstools Ein Broker, der die Interessen seiner Kunden in den Vordergrund stellt und seinen Kunden professionelle Handelstools zur Verfügung stellt</p>
    </li>
    <li Klasse="js-equalheight">
      <p>Ein Broker, der die Interessen seiner Kunden in den Vordergrund stellt und seinen Kunden professionelle Handelstools zur Verfügung stellt. Ein Broker, der die Interessen seiner Kunden in den Vordergrund stellt und seinen Kunden professionelle Handelstools zur Verfügung stellt.</p>
    </li>
    <li Klasse="js-equalheight">
      <p>Ein Makler, der die Interessen seiner Kunden in den Mittelpunkt stellt</p>
    </li>
  </ul>

.Artikel{
  Überlauf: versteckt;
}

.Artikel>li{
  schweben: links;
  Rand: 0 10px -9999px 0;
  Polsterung unten: 9999px;
  Hintergrund: #4577dc;
  Breite: 200px;
  Farbe: #fff;
}

.Artikel>li>p{
  Polsterung: 10px;
}

jQuery( Dokument ).bereit(Funktion() {
  gleiche Höhe();
});

jQuery(Fenster).Größe ändern(Funktion() {
  jQuery('.js-equalheight').css('Höhe','auto');
  gleiche Höhe();
});

Funktion gleiche Höhe() {
  var Höhen = jQuery(".js-equalheight").map(Funktion() {
    gibt jQuery(diese).Höhe() zurück;
  }).erhalten(),

  maxHeight = Math.max.apply(null, Höhen);

  jQuery(".js-equalheight").height(maxHeight);
}