Установите высоту div, чтобы соответствовать браузеру, используя CSS
У меня есть два DIV внутри контейнера div, где мне нужно установить их оба в соответствии с окном браузера, как показано ниже, но это не вписывается в мой код, пожалуйста, предложите мне решение
Код моей таблицы стилей
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%;
}
тело
<body>
<div class="container">
<div class="div1"></div>
<div class="div2"></div>
</div>