Стань PHP-разработчиком с нуля с трудоустройством в IT-компании

Дерево навыков/Box model, edges и схлопывание margins/ Adjoining и collapsed margins

  1. Базовый уровень

    • Collapse adjoining margins соседних in-flow block boxes

    • Collapse только block-axis margins, не inline-axis margins

    • Отличие collapsed margin от суммы margins

  2. Продвинутый уровень

    • Полные условия adjoining margins

    • Collapse parent start margin с первым in-flow child

    • Collapse parent end margin с последним in-flow child

    • Collapse собственных start/end margins empty block

    • Border, padding, line box и clearance как препятствия adjoining

    • Запрет parent/child collapse через formatting-context boundary

    • Результат collapse positive, negative и mixed margins

  3. Экспертный уровень

    • Транзитивный collapse set из нескольких adjoining margins

    • Collapse-through элемента между внешними участниками

    • Условия `height: auto`, zero height и `min-height`

    • Специальное влияние clearance на цепочку collapse

    • Положение border edge элемента при collapsed-through