Как сделать высоту по содержимому div?
А чем хуже overflow:auto?
<div class="clear_float"></div>  Не очень хороший тон 
Отчистку флоатов делайте классом .clear-fixclear-fix::after {
    content: '';
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}
Для Ie8 .clearfix::after {
    content: "";
    display: table;
    clear: both;
}
nicolasgallagher.com/micro-clearfix-hack/