Почему когда использую float теряется высота родителя?
.clearfix { display: block; }
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; }
Применить к родителю
Почитайте, например, эту статью
habrahabr.ru/post/136588
или эту
css-tricks.ru/Articles/Details/AllAboutFloats