Reagieren innere div Höhe 100%

Hallo alle Ich bin neu in reagieren und stecken auf ein ThemaReagieren innere div Höhe 100%

Ausgabe: - Meine Bewerbung haben viel div wie „root“, „Komponente“ und Komponente UI div ist, wenn ich gesetzt meine Komponente UI div Höhe, die div zu 100% verschachtelt ist, ohne css des oberen div auch ohne 100% Höhe in allen oberen div eher als "Körper" zu berühren, was ich in dieser Ausnahme bin, dass meine Komponente UI (geschachtelt) div greifen Höhe von Vollbild

Hoffnung Jungs Sie meine Frage verstehen _logincard in Frage bitte helfen Sie mir

in diesem Bild nicht greifen ganze er ight

Quelle

2017-07-19 Nishant Dixit

Bitte geben Sie einen Code ein. – vijayst

@vijayst Ich aktualisierte meine Frage mit einem Foto, das alles über mein Problem erzählt –

Dies ist kein Reaction-Problem. So funktioniert css. Wenn ein übergeordneter Container keine angegebene Höhe hat, können Sie% nicht zum Berechnen der Dimensionen eines untergeordneten Elements verwenden. Sie müssen die Höhe der Container explizit auf das body-Element festlegen.

Quelle

2017-07-19 15:48:46

Dies ist kein Reaktionsproblem, aber eine CSS one! So funktioniert es!

Wenn Sie height:100% sagen, wird es mit Elternhöhe berechnet! Wenn der Elternteil keine spezifische Höhe hat, kann der Browser die Höhe des Kindes nicht in Prozent ermitteln!

On Lösung, die Sie ist css3 vuewport Einheit, Ihre div Das macht

div{ height:100vh; }

vh verwenden können, ohne Änderung keine Muttereigenschaften 100 Prozent Höhe von Bildschirm zu nehmen! Viewport Einheit Wirk hinsichtlich Bildschirmhöhe, wobei 100vh = 100% Bildschirmhöhe!

Quelle

2017-07-19 15:59:33 demonofthemist

Ok, aber wenn ich ein div1 habe, ist die Höhe 75vh und habe auch ein anderes div2 welches innerhalb von div1 ist nicht genau nach div1> div2 Es mag wie dieses div1 sein > .. div ..> div2 Ich brauche div2 grabe alle höhe von div1 –

Nicht möglich mit CSS, Eltern brauchen spezifische Höhe oder geben Höhe zu diesem Kind div wie gewünschte Elternhöhe, dh 75vh! Aber wenn du jemals diese Höhe geändert hast, musst du beides ändern! (Wenn Entwurf erlaubt, können Sie Höhe zum Kind gerade geben, d. H. 75vh, alle Wrapperdiv werden in der Größe wie pro Kind wachsen) – demonofthemist

// oberes div ._card { width: 65vh; Höhe: 75vh; Hintergrund: Orange; Position: absolut; links: 17.5vh; oben: 12.5vh; } // verschachtelt div ._loginLeft { Höhe: 75vh; Hintergrundfarbe: orange; } _loginLeft ist innerhalb der Karte Ich möchte nicht 75vh in .loginleft Es hängt davon ab, obere obere div Höhe können Sie mir eher etwas vorschlagen als 75vh in .loginleft –

Reagieren innere div Höhe 100%

Antwort

Verwandte Themen