iframe根据doctype不占用整个空间

时间:2013-02-28 06:14:03

标签: html css doctype

我有一个这样的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"> 

但有了它,它只显示为100px高:

<!DOCTYPE html>

我也尝试了appliy css样式高度:100%的iframe和body,但是没有做任何事情。

如何让iframe占据整页但仍然使用

<!DOCTYPE html>

2 个答案:

答案 0 :(得分:1)

在HTML 5中,宽度和宽度的值必须在<iframe>而非px

中定义%的高度属性

可能正在将您的100%解析为100px ..只需根据您的需要调整width/height中的px值,就可以了。

答案 1 :(得分:0)

使用position:absolute制作CSS课程或使用style="position:absolute;