ASP.Net Core - Razor WebApp - 页面包含 IFrame 时的奇怪行为

Question

我刚刚制作了一个新的 ASP.Net Core 3.1 Razor WebApplication。 然后我添加一个名为 Test.cshtml 的新 Razor 页面：

@page
@model StackOverflow.Pages.TestModel
@{
    ViewData["Title"] = "Page with IFrame";
}
<h1 class="display-4 text-center">@ViewData["Title"]</h1>
<div>
    <iframe frameborder="0" heigth="100%" width="100%" style="height:600px"/>
</div>

然后我在 _Layout.cshtml 中添加指向这个新页面的链接：

<li class="nav-item">
    <a class="nav-link text-dark" asp-area="" asp-page="/Test">Test</a>
</li>

在 _Layout.cshtml 中是一个 @RenderBody 页面的内容应该是可见的 - 然后是下面的页脚。

<div class="container">
    <main role="main" class="pb-3">
        @RenderBody()
    </main>
</div>

<footer class="border-top footer text-muted">
    <div class="container">
        &copy; 2022 - StackOverflow - <a asp-area="" asp-page="/Privacy">Privacy</a>
    </div>
</footer>

运行网站时 - 测试页面显示正常 - 带有一个空的 Iframe - 但是在查看其他页面时出现的页脚 - 在显示带有 IFrame 的测试页面时不可见。

只是想知道为什么？

Answer 1

<iframe frameborder="0" heigth="100%" width="100%" style="height:600px"/>

该问题与iframe标签有关，尝试修改如下：

<iframe frameborder="0" heigth="100%" width="100%" style="height:600px"></iframe>

然后，结果是这样的：