title: img width 100% in display: box (css flexbox parent)
body: <p>I am trying to resize an image to be the width of its parent div; normally <code>width: 100%;</code> works fine, but when the parent has <code>display: box;</code> the img is not resized. Giving the child image <code>box-flex: 1</code> has no effect.</p>
  
  <pre><code>&lt;div style="display: -webkit-box; -webkit-box-pack: center; width: 100%;"&gt;
    &lt;img src="foo.jpg" style="-webkit-box-flex: 1;" /&gt;
  &lt;/div&gt;
  </code></pre>