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

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 พ.ย. 2024

ความคิดเห็น • 59

  • @ДмитроПавлов-ш5ж
    @ДмитроПавлов-ш5ж 3 ปีที่แล้ว +52

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 ปีที่แล้ว +3

      👍

    • @mr.warpunch6007
      @mr.warpunch6007 ปีที่แล้ว +1

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

    • @elenochka404
      @elenochka404 ปีที่แล้ว

      Аминь, брат!

  • @EugenySubbotin
    @EugenySubbotin 2 ปีที่แล้ว +1

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

  • @shifronim8950
    @shifronim8950 3 ปีที่แล้ว +9

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

  • @bogdownoff
    @bogdownoff 2 ปีที่แล้ว +1

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

  • @Naiman_PvL
    @Naiman_PvL ปีที่แล้ว

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

  • @Morantriol
    @Morantriol 3 ปีที่แล้ว +2

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 ปีที่แล้ว

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

  • @Festor-v5x
    @Festor-v5x 2 หลายเดือนก่อน

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

  • @nouchance
    @nouchance 3 ปีที่แล้ว +2

    Spasibo bolshoe' bro !!

  • @gritsienkooleg3447
    @gritsienkooleg3447 2 ปีที่แล้ว

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

  • @olehyefimenko6693
    @olehyefimenko6693 2 ปีที่แล้ว

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

  • @h1d0ra64
    @h1d0ra64 2 ปีที่แล้ว

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

  • @annummirror794
    @annummirror794 3 ปีที่แล้ว +2

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

  • @TheTexPro
    @TheTexPro 3 ปีที่แล้ว +1

    Thank you!

  • @netvoegoumadelo
    @netvoegoumadelo ปีที่แล้ว

    Спасибо!

  • @igorblagoy6718
    @igorblagoy6718 9 หลายเดือนก่อน

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  9 หลายเดือนก่อน

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

    • @igorblagoy6718
      @igorblagoy6718 9 หลายเดือนก่อน

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

  • @Чегеварка
    @Чегеварка 3 ปีที่แล้ว +1

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 ปีที่แล้ว +2

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

  • @AndreyPlaksin114
    @AndreyPlaksin114 3 ปีที่แล้ว

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 ปีที่แล้ว

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

  • @MaxMay-o5e
    @MaxMay-o5e 2 ปีที่แล้ว

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว +2

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

    • @mos220ru
      @mos220ru 2 ปีที่แล้ว +1

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

  • @Wufora
    @Wufora 2 ปีที่แล้ว

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

  • @zmerz
    @zmerz 3 ปีที่แล้ว +2

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 ปีที่แล้ว +1

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

  • @cozafoto
    @cozafoto 3 ปีที่แล้ว

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 ปีที่แล้ว +1

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

  • @none1307
    @none1307 3 ปีที่แล้ว +1

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

  • @RainbowJet1
    @RainbowJet1 3 ปีที่แล้ว

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 ปีที่แล้ว

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

  • @niqwer477
    @niqwer477 ปีที่แล้ว

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

  • @Nikitosss91
    @Nikitosss91 3 ปีที่แล้ว +3

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 ปีที่แล้ว +1

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

  • @ИльяБондаренко-т4е
    @ИльяБондаренко-т4е 9 หลายเดือนก่อน

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  9 หลายเดือนก่อน

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

  • @stepankovalevych1936
    @stepankovalevych1936 3 ปีที่แล้ว +1

    ок

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 ปีที่แล้ว +22

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

    • @stepankovalevych1936
      @stepankovalevych1936 3 ปีที่แล้ว

      @@YauhenKavalchuk ок