html - 如何让 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%。

例子。