title: Get full width of an element when it has absolutely positioned child elements inside it
body: <p>JS Fiddle: <a href="http://jsfiddle.net/meYnS/3/" rel="noreferrer">http://jsfiddle.net/meYnS/3/</a></p>
  
  <p>Lets say I have an element <code>.outer</code> with 100px width and <code>position:relative;</code>. It has an inner element which has <code>position:absolute;</code> and <code>left:95px;</code>. I.e. the child element exceeds the width of the parent element.</p>
  
  <p>Now, in JQUery, if I try to get the width of the parent using <code>$('.outer').outerWidth();</code> it return 100.</p>
  
  <p>But how can I get the full width of the outer element (which is obviously greater than 100, because of the absolutely positioned child element)?</p>
  
  <p>Is there a built-in way or do I have to do a manual calculation (i.e. adding each child width to parent width to figure out the full width)?</p>