i hopte that someone will helpe me.
This will sound ridiculously, but i trying to solve this problem for 2-3 days...
I want my footer on the bottom of the page.
If i have little content i want my footer on bottom of the screen, but if there is many content i want my footer on the bottom of the page.

I was try many combinations, but nothing works...
margin-top, float content and clear: both; footer... just there is no effect.
Footer is on the bottom of the screen, coz i set bottom: 0px;, but when i scroll down, footer go up... and i can't figure out why...

here is my code... you can see all of that.

```
`https://jsfiddle.net/nemanja917/bxy9m29g/`

```

And i hope that someone know where problem is.

Thank you.

P.S. I need PURE CSS solution

Edit...
You mark this question as duplicate... yes.. it is, but there is no right answer, so i open this again to try to find one.

And i need footer on bottom of my PAGE, not SCREEN.
So i can't use position: fixed;