[CSS] Come occupare tutta l'altezza della pagina con "height"

Ciao,
per il mio progetto open-source sto cercando di aprire l'Editor occupando tutta la pagina, quindi invece di usare un numero fisso height: 500px; stavo provando ad usare height: 100vh; ma mi va oltre la pagina. Se avete un'idea di come fare, potete provare a editare il codice HTML della pagina direttamente da quì:

1. Login con admin/password https://laravista.altervista.org/VanillaCMS/
2. poi cliccare su 📝Edit
3. provare col Web Tool del vostro browser a modifica il tag <style>

Codice HTML:

---

    <style>
      .editor {
          /* height: 500px; */
          height: 100vh;
      }
    </style>

---

https://laravista.altervista.org/ima...s/overtype.png

100vh ti genera quel div alto esattamente come la finestra dello schermo. Quindi se sommi il menu in alto con + margin del tuo contenitore, la pagina sarà più alta in totale.

Quindi se vuoi che sia l'editor ad essere alto come tutto lo schermo, dovresti impostare margin a 0 a editor e content. Se invece vuoi che TUTTA la pagina sia alta come lo schermo, dovresti usare vh per tutti gli elementi, ovviamente sempre con margin a 0 (anche per html e body).

Ciao!

Mi spiego meglio: sto cercando di occuppare tutta la parte sotto (in GIALLO) con Editor, per non lasciare spazzi vuoti (sotto)

https://laravista.altervista.org/ima...tom_giallo.png