在页面底部显示页脚始终是 Internet Explorer 11 的问题

Question

我正在使用 Visual Studio 2019、C# 和 .NET Framework 4.7

开发一个 ASP.NET 网站

我在母版页上插入了这个 css class，因为我所有的页面都有垂直滚动条，我想 <footer> 始终显示在页面底部。

在浏览器 Google Chrome 和 Microsoft Edge 上，此 css class 工作正常，但在浏览器 Internet Explorer 11 中，页脚文本随网页一起移动。

我该怎么做？

footer{
 position:fixed;
 bottom:0;
}

<div>
    <footer>
        <p style="font-size:20px">My Company</p>
    </footer>
</div>

Answer 1

实际上所有浏览器都可以正常工作，只要确保您正确设置 CSS。

CSS 在 style 在 head
CSS 内联

演示：

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
    <style>
      .p{
        height: 200vh;
        background:red;
      }
      footer{
        position:fixed;
        bottom:0;
        background: yellow;
      }
    </style>
  </head>
  <body>

    <h1>This is a Heading</h1>
    <p class="p">This is a paragraph.</p>
    <div>
        <footer>
            <p style="font-size:20px">My Company</p>
        </footer>
    </div>

  </body>
</html>

在页面底部显示页脚始终是 Internet Explorer 11 的问题

Show footer at the bottom of the page always problem with Internet Explorer 11

html

css

asp.net

footer

internet-explorer-11

演示：

IE11 上的结果（我可以滚动，因为标题只有一半）：