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

Дерево навыков/Positioning schemes, containing blocks и insets/ Static position и static-position rectangle

КатегорияПозиционирование и наложениеНавыкPositioning schemes, containing blocks и insetsКомпонент навыка

Static position и static-position rectangle

ПродвинутыйЭкспертный

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

    • Два auto inset запускают static-position resolution

      Использует static position, когда оба opposing inset в оси равны `auto`.

    • Static position приближает обычное положение

      Определяет static position как приближение положения при `position: static`.

    • Static и actual containing blocks различаются

      Отличает static-position containing block от фактического absolute containing block.

    • Static rectangle block-level box

      Строит zero-thickness rectangle block-level hypothetical box.

    • Static rectangle inline-level box

      Строит rectangle относительно line box hypothetical inline-level box.

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

    • Layout model поставляет specialised static rectangle

      Получает model-specific static rectangle от Flex, Grid и других layout-владельцев.

    • Static calculation использует hypothetical initial state

      Вычисляет rectangle при начальных `position`, `float` и `clear`, при необходимости меняя hypothetical `display`.

    • Static containing block задаёт alignment axes

      Разрешает alignment axes и directions по writing mode static-position containing block.

    • Fragmented inline задаёт сложную static geometry

      Вычисляет start/end geometry static-position rectangle для fragmented inline context.