如何在不增加页面大小的情况下使元素卡在页面的一角？

Question

我正在创建我的wordpress主题，但我遇到了一个问题。我试图使用margin-top将页脚粘在页面的底角，但会发生的是页面大小增加。我将max-width设置为100％，所以我不确定为什么会这样。不过这是代码。在此先感谢您的帮助。 我只是放置页脚的代码，它位于容器div内，最大宽度为100％，唯一的问题是当页脚增加页面的高度时。

	<?php if (is_front_page()) { ?>
		
		<style> 
		.site-footer {
			margin-top: 80%;
		} 
		</style>
		
	<?php } ?>

Answer 1

您的.site-footer是否设置了保证金？这可能会推高页面高度。 .site-footer的高度还将决定页面设置为8​​0％的最高边距后的“高”程度。 margin-top也将是当时页面高度的80％，而不是浏览器窗口的80％

Answer 2

我不完全确定你问的是什么，但我想你可能想尝试一下：

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

或

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