当前位置：文江博客话题详情

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

发布于 2024-10-01 05:53:58 字数 385 浏览 3 评论 0原文

我不是 css 和 html 的新手，但对 php 完全不熟悉。有人可以告诉我要编辑什么才能在我的网站底部显示灰色栏（即使内容没有将灰色栏推到底部吗？

这是包含页脚未到位的页面之一的链接（在荷兰语）也许我多次查看这个问题，但找不到它（睡觉时间？）

注意：我使用 23 英寸屏幕，分辨率为 1920 x 1080

页脚不是页脚坏好：

页脚页脚也坏也不好

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

稳稳的幸福 2024-10-08 05:53:58

如果您希望页脚始终位于浏览器窗口的底部，请尝试粘性 CSS 页脚代码。 (Google 上的更多结果）

编辑：

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

如果您想让页脚保持在视图中（即使有更多代码），那么您将需要使用以下 css：

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

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

If you want the footer to always be at the bottom of the browser window, try the sticky CSS footer code. (More results on Google)

EDIT:

It seems that the first part of my answer is what you want, but I'm keeping this anyway.

If you want to keep the footer in view (even when there's more code) then you will need to use the following css:

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

Note, that code may not work properly on mobile devices like iPad.

回复收藏 0 原文

夢归不見 2024-10-08 05:53:58

这是来自 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:[email protected]"><span style="color: rgb(245, 127, 32); font-weight: bold;">[email protected]</span></a> - Tel. 058-8446628 Mob. 06-29594595
            </div>
        </div>

Here is the html for the footer from firebug...

<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:[email protected]"><span style="color: rgb(245, 127, 32); font-weight: bold;">[email protected]</span></a> - Tel. 058-8446628 Mob. 06-29594595
            </div>
        </div>

回复收藏 0 原文

~没有更多了~