帮助使用粘性页脚
我第一次在我组装的网站中使用粘性页脚，但似乎没有按计划进行。似乎有一个大的空白区域，然后是一个黑色区域（这是我的页脚的颜色）请参阅链接 http://c-hall.the-word.com/assignment/whatwedo.php 在本例中，我需要页脚对接到最后一位内容的底部文本女巫尚未设计样式。请参阅下面的代码 - 感谢您的帮助 - Charley
CSS
/* sticky footer */
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -335px;
}
.footer, .push {
height: 335px;
background-color: #000;
}
#innerfooter {
width: 847px;
height: 335px;
position: relative;
background-image: url(../images/black_bar.png);
background-repeat: no-repeat;
text-align: left;
margin: 0 auto;
}
/* end sticky footer */
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
尝试一下大小，如果内容不够长，它将停留在页面底部，如果内容到达它，它将支撑底部
Try this out for size, this will stay at the bottom of the page if the content isn't long enough and prop up the bottom if the content reaches it http://ryanfait.com/sticky-footer/
查看您的 html 结构（特别是在 .wrapper div 处）。 div 的位置错误。
并阅读此链接：http://www.cssstickyfooter.com/
Look at your html structure (Especially at the .wrapper div.). The placement of the div is wrong.
And read this link: http://www.cssstickyfooter.com/
您总是会遇到此间隙，因为页脚的位置是静态，因此它固定在浏览器的底部。这个白色间隙是你的身体背景宽度未使用的空间。因此，请通过缩小页面宽度或您认为合适的任何其他方法来填充或消除它！
重点是我不会给你一个精确的解决方案，但更重要的是了解你在做什么，而不仅仅是应用教程。
You are always going to have this gap because the position of your footer is static so it's fixed to the bottom of your browser. This white gap is your body background width unused space. So fill it or eliminate it by less width of your page or any other approach you find appropriate !
The point is I'm not giving you a precise solution but it's more important to understand what you're doing not just applying tutorials.