title: CSS relative + right (or bottom) almost NEVER work
body: <p>I've been writing CSS for quite some time now.</p>
  
  <p>I've noticed that</p>
  
  <pre><code>&lt;div style="position: relative; right: 20%; bottom: 20%;"&gt;some text&lt;/div&gt; 
  </code></pre>
  
  <p>never works!</p>
  
  <p>relative positioning would work with left and top specified but not with right/bottom. <b>Why?</b></p>
  
  <p>A quick fix around this is to use "absolute" instead and specify right/bottom in pixels, but I need a reason.</p>
  
  <p>Also, correct me if I'm wrong. Irrespective of whether the external container is positioned absolutely or relatively, does it not make much sense to position something "relative" to the boundaries of that container or should elements inside a container always be positioned "absolute"?</p>
  
  <p>Thank you.</p>