Верстка · Junior · Запитання 19 з 75
Як поводиться елемент із position: relative; top: 10px?
- 1Стає за 10px від верхнього краю вікна й не рухається під час прокручування
- 2Випадає з потоку, зсувається на 10px, а сусіди займають його місце
- ✓Правильна відповідь: Зсувається на 10px униз від звичайного місця, але це місце в потоці зберігається
Пояснення
relative зсуває елемент візуально відносно місця, де він був би в потоці, але місце в потоці не звільняється - сусіди не рухаються. Також relative часто ставлять батькові, щоб він став точкою відліку для абсолютно позиціонованих нащадків. Відносно вікна позиціонує fixed.