HTML：如何将页脚放在网站底部？

我不是css和html的新手，但对php完全不在行。有人能告诉我该编辑什么使灰色条位于我的网站底部（即使内容没有将灰色条推到底部）

这是一个链接，指向一个页脚不到位的页面（荷兰语） 也许我把这个问题看了很多遍，但都找不到（睡觉时间？）

注：我使用1920 x 1080的23英寸屏幕

页脚不好：

---

页脚也不好

这是firebug中页脚的html

<div class="mf">
              <div style="color: rgb(142, 142, 128);" class="home-links-footer">
                <a href="/index.php">Home</a> | <a href="/contact-gegevens.html">Beveel ons aan!</a> | <a href="/onze-services.html">Onze Services</a> | <a href="/laptop-reparatie.html">Laptop Reparatie</a> | <a href="/tarieven.html">Onze Tarieven</a> | <a href="/contact-gegevens.html">Contact Gegevens</a> | <a href="#">Sitemap</a>
              </div>
              <div style="border-bottom: 1px dotted; margin: auto; color: rgb(142, 142, 128); padding-bottom: 3px; width: 700px;">
                Friese Computerservice - 8932 JZ Leeuwarden - <a style="text-decoration: none;" href="mailto:info@friesecomputerservice.nl"><span style="color: rgb(245, 127, 32); font-weight: bold;">info@friesecomputerservice.nl</span></a> - Tel. 058-8446628 Mob. 06-29594595
            </div>
        </div>

|  |  |  |  |  | 
Friese Computerservice-8932 JZ Leeuwarden--电话：058-8446628 Mob.06-29594595

如果希望页脚始终位于浏览器窗口的底部，请尝试代码。（）

编辑：

看来我的答案的第一部分是你想要的，但我还是保留着这个

如果要保持页脚在视图中（即使有更多代码），则需要使用以下css：

#footer{
  position: fixed;
  bottom: 0;
}

---

请注意，该代码可能无法在iPad等移动设备上正常工作。

请尝试使用此链接查找粘性页脚：我希望页脚在内容不大（高）时位于底部足够将页脚推到底部。然后使用我帖子中链接的粘性页脚代码。这就是你想要的。回答很好，我希望它在Joomla中很容易实现，谢谢！