How to repair the float?

In this example: jsfiddle.net/ac4L0cxt it is necessary that the contents of the div was the full width and height, but due to the fact that I use a hack for a rubber height - I have a float which everything breaks down. Tell me how to solve this problem, what would the height of the block remained the same as width, but what would the contents were displayed correctly.
July 2nd 19 at 14:07
2 answers
July 2nd 19 at 14:09
Solution
I never understood why all these movements. but using absolute, you can do as you want.
jsfiddle.net/ac4L0cxt/1
July 2nd 19 at 14:11
Solution
why there is a clearfix and before ??

jsfiddle.net/ac4L0cxt/2

Find more questions by tags HTMLCSSAdaptive design