Урок 20. Ресурсы: Блочная вёрстка: float, clearfix и BFC

📁 Раздел: Блочная модель и позиционирование ⏱️ Время изучения: ~55 мин 🎯 Сложность: Средняя
#float #clear #display #overflow #box-sizing

⚡ Кратко

float был создан для обтекания картинок текстом, но долго использовался для макетов. Чтобы читать старый код, нужно знать clear, clearfix и Block Formatting Context.

Ресурсы

  • MDN: float — описание обтекания и значений.
  • MDN: clear — управление завершением обтекания.
  • MDN: Block Formatting Context — когда создаётся BFC и зачем он нужен.
  • CSS-Tricks: A Complete Guide to Flexbox и Grid — современные альтернативы layout на float.

Навигация