Ajuste la altura div para que se ajuste al navegador usando CSS
Tengo dos DIV dentro de un div contenedor, donde debo configurarlos para que se ajusten a la ventana del navegador como se muestra a continuación, pero no se ajusta a mi código, por favor, sugiérame una solución
Mi código de hoja 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%;
}
Cuerpo
<body>
<div class="container">
<div class="div1"></div>
<div class="div2"></div>
</div>