Stellen Sie die div-Höhe mit CSS so ein, dass sie zum Browser passt

Ich habe zwei DIVs in einem Container-Div. Dort muss ich beide so einstellen, dass sie wie unten gezeigt in das Browserfenster passen, aber es passt nicht in meinen Code. Bitte schlagen Sie mir eine Lösung vor

Mein Stylesheet-Code

 html, body {
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;

            }

.container {
    height: auto;
    width: 100%;
}
.div1 {
    float: left;
    height: 100%;

    width: 25%;
}
.div2 {
    float: left;
    height: 100%;
    width: 75%;
}

Karosserie

<body>
<div class="container">
  <div class="div1"></div>
  <div class="div2"></div>
</div>

Antworten auf die Frage(5)

Ihre Antwort auf die Frage