Стоит ли учить float?

Question

[bubihart]

Начал разбираться с HTML/CSS. Стоит верстать с помощью float, или сразу учить flexbox?

Answer 1

[iBird Rose]

это так не работает. ты в любом случае должен знать все. и float и flex и inline-block и даже display: table. от того что ты сетку сделаешь по flex - это не значт что в других местах в проекте тебе не придется применить float. или еще чего.

Answer 2

[Ivanq]

IMHO, но вряд ли кто-то не согласится

float любят все. Простите, не любят. Сколько уже было статей типа "У вас тоже не работает float?", "float и магия css", etc.

В основном float стоит использовать для обтекания: https://jsfiddle.net/Ivanq/xqd0hoy7/
Часто float используют для того, чтобы поставить в ряд: https://jsfiddle.net/Ivanq/xqd0hoy7/1/

Но такой код поддерживать невозможно. Стоит начать с того, что float: right работает не совсем так, как вы ожидаете. Этот код поставит сначала 3 элемент, потом 2, потом 1.

Сейчас лучше использовать inline-block, он поддерживается всеми нормальными браузерами.
https://jsfiddle.net/Ivanq/xqd0hoy7/3/ также выравнивает в ряд, но с помощью inline-block. Разумеется, у inline-block тоже есть подводные камни, но в любом случае float лучше не использовать.

Это IMHO.

Comments

[mester]

Соглашусь, inline-block лучший выбор когда речь о % колонках. float + ov:h или float + margin-left/right когда одна колонка фикс ширины. А флекс только для случая когда количество элементов неизвестно, а ширина одинаковая и в сумме 100%

Answer 3

[Олег]

Понимать как работает конечно нужно, верстать лучше на flexbox, если не требуется поддержка старых осликов.

Answer 4

[wizzzart]

Вопрос звучит примерно так: "Начал строить дом. Стоит ли заморачиваться с фундаментом, или сразу перейти на потолок?"

Answer 5

[Евгений Вольф]

Стоит его изучать, что бы потом забыть и никогда не пользоваться :)

Понимать принципы работы Вы должны независимо от того, насколько это свойство полезное или нет... Для вёрстки "по живому" проекту - однозначно никаких флоатов или сократить их кол-во до минимально возможного. Есть масса других вариантов выровнять элементы, и если флоат - это не обтекание текстом картинки, в 95% случаев, это говорит о том, что верстальщик просто не знает (читай не умеет) более удачных решений.

Кстати, Float и FlexBox -- это кардинально разные вещи, по природе своей. ФлексБокс - это отображение/распределение содержимого, а флоат - это плавающие элементы, которые никак не растягиваются и особо никак не распределяются, и уж тем более не масштабируются автоматически.

Answer 6

[Umid]

УРОВЕНЬ МАСТЕРСТВА зависит от ваших знаний.

Именно углублённый знания отличают "МОЛЯРА" от "ХУДОЖНИКА".

Точно то же самое можно сказать и про "МАТЕМАТИКУ" и физику тоже для жизни программиста.