Question

我第一次使用粘性页脚与我放在一起的网站，但似乎没有按计划进行。似乎有一个很大的空白区域，然后是一个黑色区域（这是我的页脚的颜色）请参阅链接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 */

Answer 1

尝试使用此尺寸，如果内容不够长，则会停留在页面底部，如果内容达到http://ryanfait.com/sticky-footer/，则会支撑底部

Answer 2

查看你的html结构（特别是在.wrapper div。）。 div的放置是错误的。

请阅读此链接：http://www.cssstickyfooter.com/

Answer 3

您总是会遇到这种差距，因为页脚的位置是静态，因此它已固定在浏览器的底部。这个白色间隙是您的身体背景宽度未使用的空间。因此，请填写或删除页面宽度较小或您认为合适的任何其他方法！关键是我没有给你一个精确的解决方案，但更重要的是要理解你正在做的事情，而不仅仅是应用教程。

帮助粘滞页脚

3 个答案: