iframe中正文的高度与iframe相同

时间：2017-09-11 03:45:45

标签： html css iframe

我对iframe中身体的高度有疑问。

body是一个块级元素，所以如果我没有设置身高，身体没有任何东西，身体的高度为0;

enter image description here

现在，我发现，当iframe中的body时，它的高度始终与iframe相同。（如果iframe拥有它自己的高度）

例如： 一个html文件，iframe为空，它的高度为500px。

iframe中的

也是空的，它的高度也是500px。

为什么身体是空的，但它的高度与iframe相同？

我在某些博客中看到Quirks Mode，但它会html5与<!DOCTYPE html>一起显示？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        iframe{
            width:500px;
            height:500px;
        }
    </style>
</head>

<body>
    <iframe src="" frameborder="0"></iframe>
</body>
<script>
</script>
</html>

enter image description here

1 个答案:

答案 0 :(得分：-1)

我之前遇到过同样的问题，但我可以回答你的问题。 Iframe中的主体采用相同的高度，因为它继承了父高度，这意味着我们定义的iframe高度。例如，

<iframe width="100%" height="300px"></iframe>

所以iframe内部的身高将是＆＃34; 300px＆＃34;。

相关问题
最新问题