title: how to fully wrap an absolute position div with a relative position div?
body: <p>Is it possible to fully wrap an absolute position div with a relative position div without defining height and width pixel values of outer relative position div? Here i can not see red border of <code>"outerrelativediv"</code> as covered around <code>"innerabsolutediv"</code>.</p>
  
  <pre><code>&lt;div id="outerrelativediv" style="position:relative;display:inline-block;border:1px solid red;"&gt;
    &lt;div id="innerabsolutediv" style="position:absolute;display:inline-block;"&gt;
      SOMETEXT HERE!!!
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/L3bytwnj/" rel="nofollow noreferrer">https://jsfiddle.net/L3bytwnj/</a></p>