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

Дерево навыков/Fixed и sticky positioning/ Fixed-positioning containing block

КатегорияПозиционирование и наложениеНавыкFixed и sticky positioningКомпонент навыка

Fixed-positioning containing block

БазовыйЭкспертный

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

    • Ancestor-first selection

      Сначала ищет ancestor fixed-positioning containing block, иначе использует initial fixed containing block.

    • Initial fixed CB в continuous media

      В continuous media выбирает layout viewport как initial fixed containing block.

    • Initial fixed CB в paged media

      В paged media выбирает page area каждой страницы как initial fixed containing block.

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

    • Замена initial reference ancestor box

      Заменяет viewport reference ближайшим ancestor, создающим fixed-positioning containing block.

    • Bounds по absolute-CB rules

      Получает bounds fixed containing block по тем же правилам, что и соответствующий absolute-positioning containing block.

    • Внешние fixed-CB triggers

      Принимает готовый результат семантики `transform`, `contain`, `will-change` и других fixed-CB triggers, не дублируя их алгоритмы.

    • Размер layout-viewport reference

      Учитывает, что размер initial layout-viewport reference соответствует dynamic viewport size.

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

    • Ближайший из nested fixed-CB ancestors

      Среди нескольких создающих fixed containing block ancestors выбирает ближайшего и не использует более дальний viewport или ancestor.

    • Initial fixed CB в containing-block chain

      Различает initial fixed containing block и initial containing block и помещает первый как parent второго в containing-block chain.