title: Getting absolute width of margins (issue with margin: auto;)
body: <p>I'm trying to determine the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/used_value" rel="nofollow">used value</a> of the margins of an element. My understanding is that this should be returned via <a href="https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle" rel="nofollow">.getComputedStyle()</a>. However, it seems that FireFox and Opera don't return the correct values when <code>margin: auto;</code> is used. Firefox returns <code>'0px'</code>, and Opera returns <code>'0px'</code> or, occasionally, <code>'auto'</code>:</p>
  
  <p><a href="http://jsfiddle.net/8FXbZ/" rel="nofollow">http://jsfiddle.net/8FXbZ/</a></p>
  
  <p>I know I could calculate the content width of the parent, and the total width of the child, and use those to calculate the margins, BUT I'm primarily looking at the case when the parent is a flexbox:</p>
  
  <p><a href="http://jsfiddle.net/8FXbZ/1/" rel="nofollow">http://jsfiddle.net/8FXbZ/1/</a></p>
  
  <p>Again, the values could possibly be 'reverse-engineered' but that would get relatively complicated (especially if the flexbox has wrapping allowed), so I was wondering if anyone had any other thoughts?</p>