Ustaw wysokość div, aby pasowała do przeglądarki za pomocą CSS

Mam dwa DIVy wewnątrz kontenera div, gdzie muszę je ustawić tak, aby pasowały do ​​okna przeglądarki, jak poniżej, ale nie mieści się w moim kodzie, proszę zaproponować mi rozwiązanie

Kod mojego arkusza stylów

 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%;
}

Ciało

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

questionAnswers(5)

yourAnswerToTheQuestion