@SteveJ42

Почему при добавление float < li > верстка рушиться?

Почему когда в CSS добавляю header li {float:left;} то верстка рушиться?
Интересует почему так вообще происходит и какие варианты решение существуют?
Вариант с добавлением высоты для шапки я уже знаю, хотелось бы узнать какие варианты существуют еще?
Попробуйте в codepen сами))
  • Вопрос задан
  • 63 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Потому что float частично выводит элементы из потока и его родитель перестает что-либо знать о высоте флоатов.
какие варианты решение существуют?

Перестать использовать флоаты для того, для чего они не предназначены.
Но использовать флексы и гриды.

ul {display:flex} решит вашу задачу.
Остальные свойства смотрите в справочнике/спецификации и используйте по мере необходимости.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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