1

Нашел вот такие рекомендации по верстке: https://github.com/delka/html5checklist

Там есть пункт:

--

Плохо:

Самое страшное, к счастью уже редкое — float: left для всех блоков. Безумный верстальщик эмулирует привычные ячейки таблиц, расставляя блоки как кирпичи друг за другом. Вон из профеcсии! Проверяется: Web Developer Outline → Float elements, если всё в красных блоках, вёрстку нужно выкидывать на помойку.

--

Я довольно часто использую float. Кто-то может объяснить вышеизложенное? Почему float плохо? Что можно использовать вместо него?

9
  • Я незнаю, сам довольно часто использую, и не вижу в этом ничего плохого.
    – Roman
    19 окт 2015 в 9:55
  • 1
    Скорее всего автор имеет ввиду именно использование float: left для ВСЕГО. * {float: left;} 19 окт 2015 в 9:57
  • Сомневаюсь, что имеется ввиду * {float: left;}... Где такое может вообще понадобиться?
    – LostDok
    19 окт 2015 в 9:58
  • Переучиваемся на использование Flexible Box Layout Module. Toster: Почему нельзя задавать float:left всем блокам?
    – Alex Krass
    19 окт 2015 в 10:04
  • 1
    Зачем закрыли? Это ж не опросник... 19 окт 2015 в 10:51

3 ответа 3

2

Ничего плохого.
Есть у некоторых сомнения про производительность, но вроде это совсем неактуально.

1

Вместо него можно использовать CSS3 Grid Layout сеточной модели, но это уже следующий уровень!

3
  • 1
    ... который не поддерживается нигде кроме IE? Ну да, конечно можно!
    – Qwertiy
    19 окт 2015 в 10:47
  • год назад так говорили про python - "мол нету хостов которые его поддерживают", теперь он стоит даже на бесплатных хостингах...
    – pipin
    19 окт 2015 в 11:18
  • @pipin основной вопрос - "Почему float: left плохо" - хотелось бы узнать, почему :)
    – user177221
    20 окт 2015 в 18:43
1

Если размещаемые блоки случайно окажутся разными по высоте, даже на полпикселя - результат получится очень некрасивый. Альтернативные же решения куда более устойчивы.

4
  • Можно уточнить, какие альтернативные решения более устойчивы? inline-block/table/flex ? На мой взгляд, всё зависит от контекста использования
    – olegatro
    11 янв 2016 в 20:45
  • @Olegatro display: inline-block, к примеру. 11 янв 2016 в 20:47
  • Если сравнивать inline-block и float, то проблема разной высоты блоков не решается. И у inline-block и у float есть свои недостатки. У inline-block нужно сбрасывать отступы, гор. через <!-- -->, верт. через vertical-align: top/bottom. У float, как правило нужно ставить clearfix на родителя. inline-block оправдан, когда нужно выравнить элементы по какой то линии, т.к. будет работать vertical-align, в остальных случаях, нужно смотреть на контекст использования. Но я бы не стал говорить, что inline-block лучше float.
    – olegatro
    11 янв 2016 в 20:55
  • @Olegatro он и не лучше. Но он устойчивей при бездумном использовании. 11 янв 2016 в 21:04

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.