CSS Höhe 100% ohne Position absolut

Question

Ich zeige 3 Div-Boxen in einer Zeile, aber ich möchte, dass sie eine Höhe von 100% haben. Wenn ich Position absolut und Höhe 100% verwende. Die Box wird dann zu 100%, aber sie stapeln sich aufeinander. Aber ich möchte sie nebeneinander haben.

Answer 1

Um Divs 100% Höhe zu haben, müssen Sie Körper und HTML Höhe auch als 100% setzen.

Stattdessen können Sie Ansichtsfensterbreiten verwenden. Um sie Seite an Seite zu betrachten, verwenden Sie display: flex.

Überprüfung der folgenden Ausschnitt

div { 
 
    height: 100vh; 
 
    width:60vw; 
 
} 
 
div:nth-child(1) { 
 
    background: green; 
 
} 
 
div:nth-child(2) { 
 
    background: red; 
 
} 
 
div:nth-child(2) { 
 
    background: pink; 
 
} 
 
.container { 
 
    display: flex; 
 
    justify-content: space-between; 
 
}

<div class="container"> 
 
    <div> 
 
    </div> 
 
    <div> 
 
    </div> 
 
    <div> 
 
    </div> 
 
</div>

Hope it