@Shuboanator

Почему когда использую float теряется высота родителя?

Почему при использовании float у меня теряется высота родительского блока? и как этого можно обойти?
  • Вопрос задан
  • 14589 просмотров
Решения вопроса 1
@onetwoprod
.clearfix { display: block; }
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; }


Применить к родителю
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
Элементы с float создают новый контекст наложения и выпадают из потока элементов.
Ответ написан
Попробуйте добавить родителю overflow: hidden; это решит проблему потери высоты родителя.
Ответ написан
Комментировать
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Почитайте, например, эту статью
habrahabr.ru/post/136588
или эту
css-tricks.ru/Articles/Details/AllAboutFloats
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы