css относительный + правый (или нижний) почти никогда не работает

<p>я давно пишу css.</p><p>я заметил что</p><pre><code><div style="position: relative; right: 20%; bottom: 20%;">some text</div> </code></pre><p>никогда не работает!</p><p>относительное расположение будет работать с указанием левого и верхнего, но не с правым/нижним. <b>зачем?</b></p><p>быстрое решение проблемы заключается в использовании «абсолютного» вместо этого и указании правого/нижнего в пикселях, но мне нужна причина.</p><p>кроме того, поправьте меня, если я ошибаюсь. независимо от того, позиционируется ли внешний контейнер абсолютно или относительно, не имеет ли смысла позиционировать что-либо «относительно» границ этого контейнера, или элементы внутри контейнера всегда должны быть расположены «абсолютно»?</p><p>спасибо.</p>

<p>от <a href="http://webdesign.about.com/od/advancedcss/a/aa061307.htm">абсолют против и относительно - объясняя css позиционирование</a> </p><blockquote> относительное позиционирование использует те же четыре свойства позиционирования, что и абсолютное позиционирование. но вместо того, чтобы основывать позицию элемента на порте просмотра браузера, он начинается с того места, где он был бы, если бы он все еще находился в нормальном потоке . </blockquote>

<p>относительное позиционирование работает с нижними/правыми значениями, но не так, как вы ожидали:</p><p> <a href="http://cssdesk.com/rx24j">http://cssdesk.com/rx24j</a> </p><p>думайте о значениях положения относительных элементов как о полях, которые окружающие элементы просто игнорируют. «поля» всегда перемещают элемент относительно его предыдущей позиции в нормальном потоке документов, но в то же время удаляют его из нормального потока.</p><p>вне нормального потока документов окружающие элементы действуют так, как если бы они находились в исходном положении в нормальном потоке ... но это не так. вот почему относительный элемент может перекрывать свой родительский элемент (как в rel 1).</p>

<p>ты пробовал это?</p><pre><code><div style="position: relative; right: -20%; bottom: -20%;">some text</div> </code></pre><p>или скорее</p><pre><code><div style="position: relative; right: -80%; bottom: -80%;">some text</div> </code></pre>