Css 如何在不增加页面大小的情况下使元素粘在页面的角上？

我正在创建我的wordpress主题，但我遇到了一个问题。我试图使用页边空白使页脚停留在页面的下角，但结果是页面的大小增加了。我已经将“最大宽度”设置为100%，所以我不确定为什么会发生这种情况。然而，这里是代码。提前谢谢你帮我。 我只是把页脚的代码放在一个最大宽度为100%的容器div中，唯一的问题是页脚增加了页面的高度

.网站页脚{
利润率最高：80%；
} 

我不完全确定你在问什么，但我想你可能想试试：

.site-footer {
  position: absolute;
  bottom: 0;
}

或

---

您的.site页脚是否设置了边距？这可能会推高页面高度。.site footer的高度还将决定页面设置为80%上边距后的“高度”。页边距顶部也将是当时页面高度的80%，而不是浏览器窗口的80%

Ok要这样做，您需要更改position属性。试位：固定；底部：0；右：0；哇，老兄！我觉得这么简单很愚蠢，但非常感谢！哇，这真是妙计！非常感谢你，伙计！只是它似乎已经克服了浮动：左边，所以现在它卡在右边，有什么办法解决它吗？没问题。使用绝对或固定定位将使其脱离文档流，因此浮动将不起作用。我想你希望它是全宽的？如果是，则添加右侧：0；左：0；{position:absolute；bottom:0；}将把它放在页面内容的最底部，正如下面的@Neil所指出的那样。{position:fixed；}将把它放在浏览器窗口的底部，并且无论页面内容有多高，它仍然可见

.site-footer {
  position: fixed;
  bottom: 0;
}