CSS относительный + правый (или нижний) почти НИКОГДА не работает

Я давно пишу CSS.

Я заметил что

<div style="position: relative; right: 20%; bottom: 20%;">some text</div> 

никогда не работает!

относительное позиционирование будет работать с указанием левого и верхнего, но не с правым / нижним.Почему?

Быстрое решение проблемы заключается в использовании «абсолютного» вместо этого и указании правого / нижнего в пикселях, но мне нужна причина.

Кроме того, поправьте меня, если я ошибаюсь. Независимо от того, позиционируется ли внешний контейнер абсолютно или относительно, не имеет ли смысла позиционировать что-либо «относительно» границ этого контейнера, или элементы внутри контейнера всегда должны быть расположены «абсолютно»?

Спасибо.

Ответы на вопрос(3)

Ваш ответ на вопрос