2013-02-28 82 views
0

我有这样的iframe:IFRAME不占用充分的空间取决于文档类型

<body><iframe id="tree" name="tree" src="foobar.html" frameborder="0" marginheight="5" marginwidth="5" width="100%" height="100%" scrolling="auto"></iframe></body> 

有了这个它的工作原理:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

但这种只显示像100像素高:

<!DOCTYPE html> 

我也试过appliy CSS风格的高度:100%iframe和身体,但没有做任何事情。

我怎样才能在iframe占用完整的页面,但仍然使用

<!DOCTYPE html> 
+0

在HTML5 iframe被弃用。 – Alfr3d 2013-02-28 06:18:04

+0

@PerfectDark我记得错了。 – Alfr3d 2013-02-28 06:35:57

回答

1

在HTML 5的的宽度& height属性的值必须在px没有%

定义这可能是解析你的100%100px ..只需调整width/heightpx为您的需求,你很好..

+0

这是真的,但是如果你想让它占用所有可能的空间并且用窗口调整大小呢? – Myforwik 2013-02-28 23:18:24

0

使您的CSS类与position:absolute或使用style="position:absolute;