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

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