Стоит ли тратить время на изучение float?

Question

[milkyway1]

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

Comments

[Ярослав Иванов]

Стоить ли тратить время на изучение флоат 1 минуту или потратить 2 минуты на вопрос?

[milkyway1]

Ярослав Иванов, я знаю как элемент сделать обтекаемым слева. Но вопрос не в этом. Я не имею нормального представления как правильно использовать обтекание на практике для верстки настоящего сайта и структуры сайта. Постоянно сталкиваюсь с проблемами и подводными камнями.

[Андрей Ежгуров]

Обтекание нужно для того, чтобы вставить картинку, таблицу или иной прямоугольный блок в текст. И это всё, для чего должен использоваться float. Любые другие способы использования float - говнокодистые костыли тех времён, когда ещё не было flex.

[Rustam Bainazarov]

Оставьте float'ы для верстки текстовых блоков, для чего они и были задуманы. Для layout'ов используйте flex или grid. Float изучать, конечно, стоит, просто не в контексте построения layout'ов.

[Ragtime Kitty]

Лучше изучать верстку таблицами

Answer 1

[Алекс Глебов]

Вот весь флоат

<div class="row"> 
   <div class="col"></div>
   <div class="col"></div>
   <div class="col"></div>
 </div>

.row {
    margin-right: -15px;
    margin-left: -15px;
}
.row:before,
.row:after {
    display: table;
    content: " ";
}
.row:after {
    clear: both;
}
.col {  
    float: left;
    width: 33.33333333%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;    
}

Answer 2

[n1ksON]

Для общего развития можно научиться верстать на флоатах.
Но сейчас все конечно верстают на флексах, и переходят на гриды.
С Новым Годом!

Answer 3

[Антон Литвиненко]

Как на меня очень много кода в сети написано именно в контексте лайоута на флоатах. Далеко ходить не нужно, woocommerce все ещё на флоатах.
Понимать как верстать на флоатах нужно например для поддержки легаси сайтов

Answer 4

[Максим]

флоат для обтекания
хотя в 2010 годах верстали и на флоатах

Answer 5

[Aetae]

Какие-то конкретные древние приёмы и техники "вёрстки на флоатах" - знать не надо.
Как работает флоат - знать надо. Необходимость обтекания никуда со временем не делась.

Comments

[Сергей delphinpro]

Ага, все сайты так сразу взяли и переверстали на флексы.
Дадут вам на доработку сайт где флексами и не пахнет, а вы и не знаете «Какие-то конкретные древние приёмы и техники "вёрстки на флоатах"»

[Aetae]

Сергей delphinpro, править легаси хероту проще, не с нуля же. Ну и флексы туда спокойно впихнуть можно, никто не заставляет придерживаться "исторического стиля фасадов".)
Я сам начинал во времена ie6 и флоатов, и какие-то мутные воспоминания о хитростях у меня есть, но конкретику я давно позабыл т.к. уже многие годы не прикасался к этому.