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

Дерево навыков/Top layer и platform overlay surfaces/ Positioning top-layer boxes

КатегорияПозиционирование и наложениеНавыкTop layer и platform overlay surfacesКомпонент навыка

Positioning top-layer boxes

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

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

    • Default absolute positioning

      Применяет UA default absolute positioning к top-layer element, если host rules не задают иное.

    • Сохранение absolute positioning

      Сохраняет absolute positioning элемента после его помещения в top layer.

    • Initial containing block

      Использует initial containing block для absolute-positioned top-layer box по специальному правилу top layer.

    • Передача общего abspos algorithm

      После выбора специального containing block передаёт sizing, insets и alignment общему abspos owner.

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

    • Сохранение fixed positioning

      Сохраняет fixed positioning элемента после его помещения в top layer.

    • Viewport containing block fixed box

      Выбирает viewport как containing block fixed-positioned top-layer box по специальному правилу top layer.

    • Default static offsets

      Учитывает top-layer-specific static-position defaults при auto insets.

    • Display contents fixup

      Применяет top-layer display fixup, когда specified display элемента равен `contents`.

    • Передача общего fixed algorithm

      После выбора специального containing block передаёт fixed positioning общему owner.

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

    • Display-none ancestor

      Учитывает suppression top-layer element, когда его обычный tree ancestor не генерирует boxes из-за `display: none`.

    • Suppression связанного backdrop

      Подавляет rendering связанного backdrop вместе с suppressed top-layer element.

    • Независимость nested top-layer root

      Разрешает positioning nested top-layer participant относительно его собственного top-layer root, включая shadow-tree boundaries.

    • Host positioning overrides

      Применяет host-specific positioning overrides поверх общих top-layer defaults и сохраняет границу с host owner.