Wie kann ich jeden Abschnitt auf die gleiche Höhe bringen?

Question

Ich fragte mich, wie ich jeden Abschnitt machen kann, der #app, und die gleiche Höhe genannt wird, die die volle Webseite 100% ist, wie im Abschnitt #app meiner Site demonstriert. Zum Beispiel möchte ich den Text "TEIL 3" nicht sehen, wenn ich mich unter #section2 befinde. Ich möchte, dass die Höhe jedes Abschnitts einer einzelnen Seite entspricht.

Hier ist ein Beispiel dafür, was ich zu achieve.

Um bin versucht, sie alle die gleiche Höhe ich jedoch die folgende CSS verwendet zu machen, fehlt mir natürlich etwas, wie es nicht funktioniert hat.

body, 
html { 
    width: 100%; 
    height: 100%; 
} 

#app 
#section2, 
#section3,{ 
    height: 100vh; 
    width: 100%; 
} 

Hier ist ein Link zu meinem Kodestelle jsfiddle

Answer 1

#app, 
#section2, 
#section3 { 
    height: 100vh; 
    width: 100%; 
} 

Ihre erste CSS falsch geschrieben wird, so dass der obige Code (korrigiert) wird nie richtig angewendet werden. Behebe das und du bist auf dem besten Weg, deine gewünschten Ergebnisse zu erzielen.