如何更改我的css代码，使页脚适合任何大小的显示器的页面底部？

我遵循本教程，但不知道如何将页脚放在页面底部，因此当用户打开页面时，无论显示器的大小，页脚都位于页面的最底部

因此，当他们改变窗口大小或使用更大的显示器时，页脚应该在页面的末尾

重要的是我的内容部分没有太多的文本，所以滚动条在任何大小的显示器上都是不可见的

*还请注意，我已经看了前面的问题，但没有找到正确的答案。 *如果你知道任何其他教程，我将感谢你的建议。我需要浮动布局

布局

 container
    {
       header
       content
       { 
         leftnav | rightnav
       }
       footer
    }

Css

试试这个：

#footer{
        position: absolute;
        bottom: 0px;
        height: 50px;
        width: 100%;
    }

---

在本教程中，页脚位于容器div中。

---

如果从容器宽度：90%中删除，示例将在整个屏幕宽度上呈现。

使用sticky wrapper jQuery插件，或使用position:fixed，bottom:5%和left:0以及-ve中的margin left值

<footer style="background-color: crimson; color:springgreen; font-family: serif; text-align: center; font-size: 15px; position:absolute; width: 99.82%;margin-left: -6px; margin-right: -6px;"><h1>THIS IS MY FOOTER</h1></footer>

浏览器：谷歌浏览器

系统尖叫：15.6

我曾体验过，我们的div、页眉、页脚和导航的外观因屏幕而异，可能因浏览器而异

---

请张贴你的HTML。

<footer style="background-color: crimson; color:springgreen; font-family: serif; text-align: center; font-size: 15px; position:absolute; width: 99.82%;margin-left: -6px; margin-right: -6px;"><h1>THIS IS MY FOOTER</h1></footer>