Фиксированное позиционирование

Ответы на вопросы

1. В чём отличие фиксированного позиционирования от абсолютного?

   Ответ. Разница только в том, что смещения отсчитываются от границ области просмотра (viewport), а не от границ блока-контейнера.

2. Что происходит с блочным элементом, если для него задано фиксированное позиционирование?

   Ответ. Блок изымается из потока (располагается выше), сохраняя прежние координаты верхнего левого угла (для языков с написанием справа налево сохраняются координаты правого верхнего угла). Блоки в потоке, занимают освободившееся место. Горизонтальный размер позиционированного блока перестаёт подстраиваться под ширину родителя, и устанавливается по содержимому.

3. Что происходит со строчным элементом, если для него задано фиксированное позиционирование?

   Ответ. Строчный элемент превращается в блочный, в остальном его поведение полностью совпадает с поведением фиксированного блока.

4. Назовите свойства, при помощи которых можно менять координаты фиксированного элемента на экране. Какие расстояния задают эти свойства? Откуда эти расстояния отсчитываются?

   Ответ. Фиксировано позиционированный блок можно поместить в любое место, задавая смещения при помощи свойств: left, top, right, bottom.

   Смещения left, top, right и bottom отсчитываются от соответствующих сторон области просмотра.

5. Какие значения могут принимать свойства, задающие смещения позиционированного блока? Какие значения имеют свойства по умолчанию? Передаются ли значения по наследству?

   Ответ. Свойства left, top, right и bottom могут принимать значения в любых единицах размера, в процентах или задаваться ключевым словом auto.

   Проценты задаются относительно высоты области просмотра для top и bottom и ширины области просмотра для right и left.

   Значения auto для всех смещений, кроме bottom означают такие величины, какие были бы у элемента, если бы он находился в потоке. Тот же эффект возникает, когда смещение не задаётся вовсе.

   По умолчанию свойства принимают значение auto, по наследству не передаются.

6. Какое положение займёт фиксировано позиционированный блок, если смещения явно не заданы? Если задано только одно смещение?

   Ответ. Если смещения не заданы, блок сохраняет координаты верхнего левого угла, которые он имел бы в потоке (для языков с написанием справа налево сохраняются координаты правого верхнего угла).

   Если задать только одно смещение (например, left), второе (top) сохранит то значение, которое имелось бы у блока в потоке.

вверх | возврат