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

Дерево навыков/Floats, clearance и Shapes/ Размещение floats

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

Размещение floats

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

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

    • Размещение у выбранной стороны

      Размещает left/start float максимально близко к начальной стороне, а right/end float — к конечной стороне.

    • Верхняя граница размещения

      Не размещает outer top float выше верхней границы его containing block.

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

    • Порядок floats одной стороны

      Размещает последующий float той же стороны без нарушения side-relative порядка предыдущих floats.

    • Разделение opposing floats

      Не допускает пересечения outer boxes одновременно размещённых floats противоположных сторон.

    • Ограничение предыдущими boxes

      Не поднимает outer top float выше outer top ранее сгенерированного block box или floated box.

    • Ограничение предыдущими строками

      Не поднимает float выше line box, содержащей ранее сгенерированный inline box.

    • Перенос ниже при нехватке места

      Продвигает float в block direction, пока его outer box не сможет удовлетворить ограничениям доступного пространства и соседних floats.

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

    • Выбор итоговой позиции

      Среди позиций, удовлетворяющих всем placement constraints, выбирает максимально высокую, а затем максимально близкую к требуемой стороне.

    • Float шире containing block

      Размещает float, outer width которого превышает ширину containing block, не превращая невозможность полного вмещения в бесконечное продвижение вниз.