height 100vh nur bis Browserfenster

  • Hallo,
    ich habe hier ein Problem, dass ich ein Div nicht bis zum unteren Rand des Contents bekomme, wenn der Inhalt nicht ganz ins Browserfenster passt. Beispiel:
    Bas rote Content-Div hätte ich gerne bis zum unteren Rand, auch webnn ich nach unten scrolle.
    Wie stelle ich das mit css an?



  • Die Höhe eines Elements wird vom Inhalt bestimmt... es sei denn, du hast was anderes vorgegeben wie zB


    height: calc(100vh - 100px);


    daran hält sich der Browser natürlich. Mach die Zwangsjacke weg und sag ihm, er soll die Höhe mindestens so hoch machen und sich ansonsten am Inhalt orientieren, dann sollte es klappen.


    min-height: calc(100vh - 100px);