在页面底部显示页脚总是 Internet Explorer 11 的问题答案

【问题标题】：Show footer at the bottom of the page always problem with Internet Explorer 11在页面底部显示页脚总是 Internet Explorer 11 的问题
【发布时间】：2021-01-29 02:27:30
【问题描述】：

我正在开发一个带有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>

【问题讨论】：

这能回答你的问题吗？ How do you get the footer to stay at the bottom of a Web page?
请提供更多详细信息，页面上发生了什么，您可以检查元素并查看类是否应用正常？

标签： html css asp.net internet-explorer-11 footer

【解决方案1】：

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

style 中的 CSS 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>

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

【讨论】：