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

Дерево навыков/Positioning schemes, containing blocks и insets/ Containing blocks позиционированных boxes

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

Containing blocks позиционированных boxes

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

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

    • Containing block in-flow positioned box задаёт formatting context

      Использует containing block, заданный formatting context, для static и relative boxes.

    • Выбор ближайшего establishing ancestor

      Находит ближайшего ancestor, устанавливающего absolute-positioning containing block.

    • Containing block non-inline ancestor образует padding edge

      Строит containing block non-inline ancestor по его padding edge.

    • Initial containing block служит fallback

      Использует initial containing block, если подходящего ancestor нет.

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

    • Positioned ancestor устанавливает containing block

      Учитывает создание absolute-positioning containing block positioned ancestor.

    • Внешние свойства поставляют establishing effects

      Принимает transform, containment и `will-change` effects как готовые establishing inputs от профильных владельцев.

    • Inline ancestor задаёт rectangle через fragments

      Строит containing block из начальных и конечных content edges inline ancestor.

    • Layout-specific модель может изменить rectangle

      Передаёт изменение rectangle Grid и другим layout-specific механизмам их владельцам.

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

    • Fragmented inline rectangle учитывает обе оси

      Выбирает start/end-most edges fragmented inline ancestor по обеим осям и его writing mode.

    • Выбор первого bidi-reordered fragment

      Разрешает выбор первого fragment при нескольких bidi-reordered fragments на одной строке.