css - 我的不会停留在页面底部

Question

我的<footer>标签似乎不会留在我的页面底部。我尝试了几种不同的技术来修复它，但都没有奏效。

我在下面包含了指向我的工作站点的链接。

http://stage.bmdigitalgroup.com/recipes.html

Answer 1

根据您的屏幕截图，您的显示器的高度看起来比您网站的内容要大，或者您已经缩小了很多，所以您看到的是完全正常的。在较小的显示器中，它看起来会很好。您可以将min-height:规则添加到您的站点容器，以便将页脚向下推到指定值，但您需要找出对您和您的用户有意义的最小高度。

如果您真的想让页脚始终粘在底部而不管显示器的高度或缩放级别，那么您可以添加以下规则 - 请记住，在没有太多内容的页面中，您最终会如果用户需要进入页脚，则强制用户无缘无故向下滚动：

/* 
 This rule is already in your stylesheet. 
 I added it here just for reference. 
*/
html, body {
  height: 100%;
}

/* 
  This is the container that holds your whole site. 
  You should use an id like "#container" or "#site" so this rule 
  applies only to your site's main container. 
*/
.container_12 {
  min-height: 100%;
}

Answer 2

我认为您想将页脚放在任何分辨率的页面底部，如果我是对的，那么这里就是答案。

.footer {
position:absolute;
border:0px;
}

有关更多提示、技巧和教程，请访问 - blog.klassicweb.com