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

Дерево навыков/Floats, clearance и Shapes/ Clear и clearance

КатегорияСистемы раскладкиНавыкFloats, clearance и ShapesКомпонент навыка

Clear и clearance

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

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

    • Физические стороны clear

      Различает `clear: none`, очистку `left`, `right` и обеих физических сторон.

    • Flow-relative стороны clear

      Применяет flow-relative clear к соответствующей физической стороне после получения writing-mode mapping.

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

    • Выбор очищаемых floats

      Находит более ранние floats указанных сторон, чьи нижние границы ограничивают положение очищаемого box.

    • Создание clearance

      Вводит clearance над top margin normal-flow block, когда без него border edge не очищает релевантные floats.

    • Clear на floated box

      Использует `clear` на самом float как дополнительное ограничение его placement, а не как normal-flow clearance insertion.

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

    • Hypothetical position

      Определяет hypothetical top border edge очищаемого box при нулевом `clear` перед вычислением clearance.

    • Величина clearance

      Вычисляет clearance из hypothetical position и нижней границы релевантных floats, допуская положительный, нулевой или отрицательный результат, и передаёт его margin-модели.

    • Допустимые варианты clearance

      Различает нормативно разрешённые совместимые способы задания clearance в неоднозначном CSS 2.2 случае и не объявляет один из них универсально обязательным.