CSS относительный + правый (или нижний) почти НИКОГДА не работает
Я давно пишу CSS.
Я заметил что
<div style="position: relative; right: 20%; bottom: 20%;">some text</div>
никогда не работает!
относительное позиционирование будет работать с указанием левого и верхнего, но не с правым / нижним.Почему?
Быстрое решение проблемы заключается в использовании «абсолютного» вместо этого и указании правого / нижнего в пикселях, но мне нужна причина.
Кроме того, поправьте меня, если я ошибаюсь. Независимо от того, позиционируется ли внешний контейнер абсолютно или относительно, не имеет ли смысла позиционировать что-либо «относительно» границ этого контейнера, или элементы внутри контейнера всегда должны быть расположены «абсолютно»?
Спасибо.