Html 粘性页脚问题

Html 粘性页脚问题,html,css,Html,Css,我试图制作一个简单的粘性页脚,但当我使用边距底部时,什么也没有发生( 任何帮助都会很棒!以下是代码 <body> <div class="main"> <center> <img src="img/profpic.png" style="height:300.5px; width:auto; margin-top:75px; margin-bottom:30px;"/> <br/> <span style="color:#FFF;

我试图制作一个简单的粘性页脚,但当我使用边距底部时,什么也没有发生( 任何帮助都会很棒!以下是代码

<body>
<div class="main">
<center>
<img src="img/profpic.png" style="height:300.5px; width:auto; margin-top:75px; margin-bottom:30px;"/> <br/>
<span style="color:#FFF; font-size:69px;">Hi, $firstname</span> <br/>
<img src="img/button.jpg" style="height:111px; width:auto; margin-top:120px; margin-bottom:135px;"/> <br/>
<span style="color:#FFF; font-size:54px; ">Or Tap Here</span> <br/>
<!--Footer -->
<div style=" margin-bottom:10px; height:10px; width:100%; border-top:solid 1px white; color:#FFF; font-size:46px;">Happyfaxe</div>
</center>
</div>
</body>


你好,$firstname

或点击此处
快乐斧头
页边距底部
在元素下方添加空格,但不会将其重新定位到页面底部

尝试将其添加到您的粘性页脚div:

position:fixed;
bottom:0;

编辑:

页边距底部
只是在应用它的元素中添加了一个缓冲区。粘性页脚有点棘手。需要一些特殊的结构才能让它像您期望的那样工作

这是一篇关于如何做你想做的事的好文章

还有一个做同样的事情: