title: Flexbox and Internet Explorer 11 (display:flex in <html>?)
body: <p>I am planning to move away from "floaty" layouts and use CSS flexbox for future projects. I was delighted to see that all major browsers in their current versions seem to support (in one way or another) flexbox.</p>
  
  <p>I headed over to <a href="http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/" rel="noreferrer">"Solved by Flexbox"</a> to look at some examples. However the "Sticky Footer" example does not seem to work in Internet&nbsp;Explorer&nbsp;11. I played around a bit and got it to work by adding <code>display:flex</code> to the <code>&lt;html&gt;</code> and <code>width:100%</code> to the <code>&lt;body&gt;</code></p>
  
  <p>So my first question is: Can anybody explain that logic to me? I just fiddled around and it worked, but I don't quite understand <em>why</em> it worked that way...</p>
  
  <p>Then there is the "Media Object" example that works in all browsers except for - you guessed it - Internet&nbsp;Explorer. I fiddled around with that, too, but without any success.</p>
  
  <p>My second question therefore is: Is there a "clean" possibility to get the "Media Object" example working in Internet&nbsp;Explorer?</p>