脚踢在上面，我要在下面

我正在尝试设置一个HTML/CSS/Javascript模板

正如您所看到的，如果页面已满，像这样它或多或少都很好。

但是，如果页面没有像这样填满所有屏幕，则页脚会向上。

如果你没有一个好的大屏幕分辨率，你就看不到。在这种情况下，按下CTRL&minus来查看问题(或者MacO上的CMD&minus(

我喜欢它，我只想使用这个模板。

我也尝试过

footer {
position: fixed;
}

但是页脚必须跟在最后一节后面。

是否可以将其设置为停留在页面末尾，以保持相同的布局

附言：我更喜欢只使用CSS而不使用JS，因为有些浏览器没有它

感谢U

尝试添加

bottom: 0

这应该将元素的底边设置为父元素的底边。

有几种技术可以做到这一点。

曾经的技术，我有时使用，是灵活盒粘性页脚。

要实现这一点，请为主体提供以下css

body {
display: flex;
min-height: 100vh; 
flex-direction: column;
}

您需要将网站的其余内容包装在一个容器中。也许，<div class="site-content">然后给它下面的CSS

.site-content {
flex: 1;
}

您的页脚将放置在您的网站内容<div>下方。

这应该奏效。

在您提供的模板链接上进行了测试。

.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: right;
}

<p>Blabla</p>
<div class="footer">©ikiK</div>