Salve, spero mi possiate aiutare su questo problema:
In Sintesi:
Non riesco a dare al DIV la giusta max-height posizionata a fine schermo non conoscendo l'inizio schermo.
In dettaglio:
- Sto lavorando su una APP per smartphone ed i display variano.
- Tutte le misure le esprimo in EMS, che è l'unico modo per avere sempre le stesse visioni su display diversi.
- Per ragioni di progetto, lo schermo (body) non deve scrollare perché devo sempre vedere tutto.
Il layout è composto di 4 DIV che prendono sempre il 100% di larghezza, quindi si posizionano uno sotto l'altro.
I primi 3 DIV hanno una altezza variabile secondo il contenuto.
L'ultimo DIV (il 4°) inizia da dove finisce il 3° e deve estendersi fino a fine schermo. Se il contenuto eccede, uso l'overflow.
Non so se si capisce bene la problematica.
In pratica se il DIV 4 inizia a top:12em o a top5em o a top:25em (sono i DIV sopra che influiscono) devo fermare il 4° DIV sempre all'ultima posizione visibile.
Ho fatto diverse prove la non va.
Già vi dico che max-height:100% non ha l'effetto desiderato.
Che mi posso inventare?
Grazie!