Hello i have a problem with my styling have two divs witch height is auto for both but the thing is when the first div (.filter) height is changed the second div (.posts) goes down as much as height was changed (.filter height +50 , .post down +50px):
[![how its looks like](https://i.stack.imgur.com/MpXva.jpg)](https://i.stack.imgur.com/MpXva.jpg)

my css : 

```
.fp {
position: relative;
    width: 1050px;
    height: auto;
    background-color: red;
    left: 170px;
}

.filter {
    background-color: white;
    position: relative;
    width: 250px;
    min-height: 300px;
    height: auto;
    top: 20px;
    border-radius: 4px;
    border: 1px solid #1a171a;

    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.6);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.6);
}

.posts {
    background-color: white;
    position: relative;
    width: 750px;
    height: auto;
    float: right;
    margin-top: -280px;
    border-radius: 4px;
    border: 1px solid #1a171a;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.6);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.6);

}

```

html :

```
 <div class="fp">
        <div class="filter">

        </div>
        <div class="posts">

        </div>
    </div>

```