how to make a div to wrap two float divs inside?

Question

I don't know if it's a common problem, but I can't find the solution in web so far. I would like to have two divs wrapped inside another div, however these two divs inside have to be align the same level (for example: left one takes 20%width of the wrappedDiv, right one take another 80%). To achieve this purpose, I used the following example CSS. However, now the wrap DIV didn't wrap those divs all. The wrap Div has a small height than those two divs contained inside. How could I make sure that the wrap Div has the largest height as the contained divs? Thanks!!! ``` liquid test

Accepted Answer

It's a common problem when you have two floats inside a block. The best way of fixing it is using `clear:both` after the second `div`. ```

``` It should force the container to be the correct height.

how to make a div to wrap two float divs inside?

Solution

Problem