Definir a altura div para se ajustar ao navegador usando CSS
Eu tenho dois DIVs dentro de um div contêiner, onde eu preciso definir os dois para caber na janela do navegador, como abaixo, mas não se encaixa no meu código, por favor me sugerir uma solução
Meu código de folha de estilo
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%;
}
Corpo
<body>
<div class="container">
<div class="div1"></div>
<div class="div2"></div>
</div>