Html Div höhe?

2 Antworten

Von Experte MrAmazing2 bestätigt

Das geht mit Float nicht oder nur sehr sehr umständlich. Deshalb habe ich dir schon Flexbox vorgeschlagen. Damit lässt sich so was eben ganz einfach machen und ich gebe solche Tipps nicht ohne Grund. Hier ein Beispiel:

https://jsfiddle.net/Babelfisch/x1ja5kw8/

HTML

<div class="wrapper">
  <div class="box">
    Das ist Zeile 1<br>
    Das ist Zeile 2
  </div>
  <div class="box">
    Das ist Zeile 1<br>
    Das ist Zeile 2<br>
    Das ist Zeile 3<br>
    Das ist Zeile 4<br>
    Das ist Zeile 5
  </div>
</div>

CSS

.wrapper {
  display: flex;
  flex-direction: row;
}

.wrapper .box {
  margin: 10px;
  padding: 20px;
  background-color: silver;
}

Und so sieht das dann aus:

Bild zum Beitrag

Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.
 - (HTML, CSS)

Hierzu rate ich dir besser GRID zu benutzen

Float ist zum genauen anzeigen und vor allem auch beim responsable Design sehr hinderlich