title: How to get an iframe to occupy full width (i.e. display like a div)
body: <p>I'm trying to get an <code>iframe</code> to behave like a normal non-floating <code>DIV</code> does. i.e. occupy full width of parent. Is this possible? Looking for something equivalent to saying <code>display: div;</code></p>
  
  <p><strong>Edit</strong>: I'm not looking for <code>width: 100%</code> since i have another floating element to the left. A non-floating DIV would take the rest of the space on the right. This is the behavior i'm looking to achieve.</p>
  
  <p><strong>Working</strong>: With a <code>DIV</code> on the right - <a href="http://jsbin.com/onaxax/1/edit" rel="noreferrer">http://jsbin.com/onaxax/1/edit</a></p>
  
  <p><strong>Not Working</strong>: With an <code>IFRAME</code> on the right - <a href="http://jsbin.com/erapuv/1/edit" rel="noreferrer">http://jsbin.com/erapuv/1/edit</a></p>