В чем разница между viewport-relative и родительским относительным позиционированием элементов?

Разница между viewport-relative и родительским относительным позиционированием элементов заключается в том, что они работают по-разному:

1. Viewport-relative позиционирование позволяет указывать смещение элемента относительно его нормального положения в потоке HTML. stackoverflow.com developer.mozilla.org Свойства top и bottom определяют смещение по вертикали, а left и right — горизонтальное. developer.mozilla.org Смещение не влияет на положение любых других элементов. developer.mozilla.org
2. Родительское относительное позиционирование предполагает, что элемент позиционируется в соответствии с нормальным потоком документа, а затем смещается относительно себя на основе значений top, right, bottom и left. developer.mozilla.org Если задать родительскому элементу относительное позиционирование, а потомку — абсолютное, родительский станет как бы контейнером для потомка. telegra.ph