CodeMirror fill Div und make Div 100% height

Question

Wahrscheinlich eine Lösung, die beantwortet wurde, aber mit all den falschen Antworten (aka, Antworten, die dieses Problem nicht lösen), ist es sehr schwierig zu durchforsten, um die richtige zu finden .

Das Problem ist dies --- Wie man Codemirror 100% der div Eltern füllen --- ohne dass der Rest der Seite in 100% Höhe, da dies die folgenden Probleme verursacht:

Wenn

mit

Sie sagen der Seite effektiv, dass die gesamte Höhe der Ansichts-Port des Browsers für die gesamte Seite einschließlich aller Inhalte ist. Das Problem dabei ist, dass ich nicht möchte, dass alles auf der Seite auf dieses Verhältnis beschränkt wird. Was ich tun möchte, ist normalen Zugriff auf die Seite, ohne Reaktionsfähigkeit zu brechen (aka, mobile, etc. Unterstützung), und immer noch ein einzelnes div auf der Seite (rechtes Feld) haben ein div, dass nur div 100% Höhe ist --- des Raumes in diesem div. Ich will nicht 100% Höhe in das Menü überlaufen, unter/über das Menü gehen, etc. Es muss in der Box bleiben.

Answer 1

Haben Sie dieses Attribut versucht:

/* Firefox */ 
height: -moz-calc(100vh - 190px); 
/* WebKit */ 
height: -webkit-calc(100vh - 190px); 
/* Opera */ 
height: -o-calc(100vh - 190px); 
/* Standard */ 
height: calc(100vh - 190px); 

Mit calc mit vh kombiniert Sie die Größe des Elements in den sichtbaren Bereich zu beschränken erlaubt.