I have two DIVs inside a container div, where I need to set them both to fit to the browser window like below, but it doesn't fit in my code, please suggest me a solution

![enter image description here](https://i.stack.imgur.com/euu8M.png)

My Style Sheet 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%;
}

```

Body

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

```