CSS3 #9 Плавающие элементы и очистка потока (Floating Elements & Clearfix)

[@ДмитроПавлов-ш5ж]

Храни господь тех людей, которые придумали flex\grid ,Аминь.

[@YauhenKavalchuk]

👍

[@mr.warpunch6007]

Ахаха, полностью согласен с автором коммента

[@elenochka404]

Аминь, брат!

[@shifronim8950]

Спасибо, самое подробное объяснение что я встречал.

[@YauhenKavalchuk]

Пожалуйста)

[@EugenySubbotin]

сколько смотрел уроков про float, все дают минимум информации, (словно остерегаются вскипятить мозги слушателей), а ваш урок самый подробный, какой встречал, да к тому же укладывается менее, чем 10 минут. Это супер! Все понятно, и даже больше инфы, чем мне было это известно.

[@YauhenKavalchuk]

Спасибо

[@Naiman_PvL]

автор молодец, все доходчиво и просто

[@YauhenKavalchuk]

Спасибо

[@bogdownoff]

Оч. интересно. Посмотрел, кто ещё эту тему давал, Евгений всех превзошёл . Обычно сливают тему, либо минимум-минимум. Спасибо автору- Разобрался в основе.)

[@YauhenKavalchuk]

Спасибо за отзыв

[@Morantriol]

Огромное спасибо за труды

[@YauhenKavalchuk]

Огромное спасибо за отзыв

[@Festor-v5x]

Спасибо большое!

[@YauhenKavalchuk]

Пожалуйста

[@nouchance]

Spasibo bolshoe' bro !!

[@YauhenKavalchuk]

Пожалуйста)

[@olehyefimenko6693]

Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!

[@YauhenKavalchuk]

👍

[@gritsienkooleg3447]

Боже, спасибо за такое понятнейшее объяснение!!!

[@YauhenKavalchuk]

Спасибо за отзыв

[@h1d0ra64]

Спасибо за урок. Однозначно лайк.

[@YauhenKavalchuk]

Благодарю

[@annummirror794]

мужик ты крутой

[@YauhenKavalchuk]

Спасибо)

[@igorblagoy6718]

Какую практическую проблему несет в себе схлопывание родительского контейнера? т.е почему float элементы не должны выпадать из контейнера?

[@YauhenKavalchuk]

Сразу видно, что вы не верстали используя float. Почему не должны выпадать? - посмотрите на grid и flexbox - любые изменения дочерних элементов не влияют на родителя (за исключением растягивания)

[@igorblagoy6718]

@@YauhenKavalchuk разумеется я не верстал на float,раз я смотрю про них видео в 2024д Я знаю о грид и флекс,мой вопрос был в другом и он непосредственно касался тематики видео.

[@netvoegoumadelo]

Спасибо!

[@YauhenKavalchuk]

Пожалуйста

[@TheTexPro]

Thank you!

[@YauhenKavalchuk]

You’re welcome

[@Чегеварка]

Так как же всё таки располагать эти блоки с учётом динамичности разрешения экранов ?

[@YauhenKavalchuk]

В идеале, лучше для вёрстки лэйаута использовать flexbox, или css-grid. Но если нужен float, то сначала идут плавающие блоки, потом обычный

[@Wufora]

А если заменить в clearfix с display блока на таблицу?

[@YauhenKavalchuk]

Будет работать

[@MaxMay-o5e]

Немного не понятно, почему когда 1 и 2 стали float-елементами, т.е. документ перестал их видеть, они не перекрыли текст 3?

[@YauhenKavalchuk]

Пересмотрите самое начало. Тот момент «зачем именно были добавлены float элементы» и всё поймёте

[@mos220ru]

Блоки не видят элементы, а контент видит

[@AndreyPlaksin114]

Отличное видео, но про clear осталось непонимание. Что значит очистка потока? Придется догуглиаатт

[@YauhenKavalchuk]

Очистка потока - это и есть добавление свойства clear на элемент

[@zmerz]

Блин,для меня флоаты,это,наверное,одно из самых сложных в css--

[@YauhenKavalchuk]

Не для вас одного. В своё время, это была одна из самых трудных тем.

[@cozafoto]

Отличный материал, но разве тут нет ошибки .wrapper:after (а где еще одно двоеточие?)

[@YauhenKavalchuk]

Ошибок нет, синтаксис с 1 двоеточием нормально поддерживается)

[@none1307]

Для продвижения.

[@YauhenKavalchuk]

👍

[@RainbowJet1]

Спасибо за урок, но у меня есть некоторая проблема с флоатом, может ты встречался с такой ситуацией ru.stackoverflow.com/questions/1229175

[@YauhenKavalchuk]

Ох, к сожалению не помогу, вёрсткой под FF уже не занимался очень давно

[@niqwer477]

ничего не понял, спасибо

[@YauhenKavalchuk]

👍пожалуйста

[@Nikitosss91]

Максимально не понятная ерунда

[@YauhenKavalchuk]

В своё время это была крутая фича на подобии flexbox, или css grid

[@ИльяБондаренко-т4е]

Ну и бред этот float

[@YauhenKavalchuk]

Есть такое, поэтому это и устаревшая технология

[@stepankovalevych1936]

ок

[@YauhenKavalchuk]

Из-за таких «экспертов», как вы эти же самые джуниоры не могут пройти собеседование, потому что вы неадекватно воспринимаете информацию. Было сказано - float - это очень старый подход, который до сих пор можно встретить в legacy проектах. И любой веб-разработчик должен знать как с ним работать, что бы понимать поведение. В этом была основная мысль видео! А для современных проектов, и это тоже было сказано, нужно использовать либо flexbox, либо CSS Grid! Ушами нужно слушать, а не другим местом.

[@stepankovalevych1936]

@@YauhenKavalchuk ок