2012-10-31 83 views
13

我试图让iframe表现得像一个正常的非浮动DIV那样。即占据父母的全部宽度。这可能吗?寻找的东西相当于说display: div;如何获得一个iframe占据全宽(即显示像div)

编辑:我不是在寻找width: 100%,因为我还有一个浮动元素左侧。非浮动的DIV会占用右侧的其余空间。这是我期待实现的行为。右侧拥有一个IFRAME - http://jsbin.com/erapuv/1/edit

+1

您是否尝试过设置style =“width:100%”? –

+0

@PabloRomeo - 请参阅我上面的修改。我会张贴小提琴演示我在找什么。 – techfoobar

+1

明白了,编辑有助于澄清。看看Litek的回答。这可能会诀窍。 –

回答

18

您必须包装在元素的IFRAME与overflow:hidden将占据:http://jsbin.com/onaxax/1/edit

不工作 - 右边随着DIV

工作剩余空间,并将iframe的宽度设置为100%。

Example

+1

这就是所谓的显示:块 –

+0

将是真棒,如果你正在修复的高度错字在CSS中:)。谢谢 – jlengrand

+4

对于HTML5,这不再起作用:IFRAME宽度属性必须是像素,并且不能是百分比。 –

相关问题