如何让iframe占据全宽（即像div一样显示）

Question

我试图让iframe表现得像普通的非浮动DIV一样。即占据父母的全宽。这可能吗？寻找与display: div;

相当的东西

编辑：我不是在寻找width: 100%因为我左边有另一个浮动元素。非浮动DIV将占用右侧的其余空间。这是我想要实现的行为。

工作：右侧有DIV - http://jsbin.com/onaxax/1/edit

无效：右侧有IFRAME - http://jsbin.com/erapuv/1/edit

Answer 1

您必须将iframe包装在overflow:hidden元素中，该元素会占用剩余空间，而不是将iframe的宽度设置为100％。

Example