Html 粘脚

Html 粘脚,html,css,sticky-footer,Html,Css,Sticky Footer,我正在尝试将我的页脚粘贴到此网站的页面底部: 不幸的是,它似乎不起作用,尽管它在我使用过的其他地方都起作用 这是粘性的CSS: html, body {height: 100%;} #wrap {min-height: 100%;} #main {overflow:auto; padding-bottom: 57px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -57

我正在尝试将我的页脚粘贴到此网站的页面底部:

不幸的是,它似乎不起作用,尽管它在我使用过的其他地方都起作用

这是粘性的CSS:

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
padding-bottom: 57px;}  /* must be same height as the footer */

#footer {position: relative;
margin-top: -57px; /* negative value of footer height */
height: 35px;
clear:both;}

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}    

.footer a,.footer a:hover{text-decoration:underline;color:#FFF;}

有人知道它为什么不粘在底部吗?

我可以告诉你一个更好的选择,在底部修复它

只需将样式应用为

#footer {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:57px;
}
感谢和问候


Wazzy

我可以告诉你一个更好的选择,在底部修复它

只需将样式应用为

#footer {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:57px;
}
感谢和问候


Wazzy

如果它在其他地方工作,那么该html页面肯定有问题,而不是CSS,可能会发布html页面代码,或者将其与实际工作正常的代码进行比较。

如果它在其他地方工作,那么该html页面肯定有问题,而不是CSS,可能会发布html页面代码,或者将其与实际工作正常的页面进行比较。

查看“查看此链接”以了解粘性页脚概念的工作原理。这将帮助您能够比较html结构和css来发现问题。如果您能提供您的html,我们可以与您一起查看。

查看“查看此链接”以了解粘性页脚概念的工作原理。这将帮助您能够比较html结构和css来发现问题。如果你能给我们你的html,我们可以和你一起看。

如果我没有错,你的css会隐藏页脚,因为它会开始在bottom=0中绘制页脚。相反,应该有:bottom:HEIGHT\u OF_FOOTER@Naor“底部”不是这样工作的。指定“底部:0”表示元素的底部与视口的底部对齐,就像指定“右:0”表示元素的右边缘与视口的右边缘对齐一样。您描述了如果有人指定“顶部:100%”会发生什么。我认为“宽度:100%”部分是多余的,因为您已经说过“左:0;右:0;'但没有造成伤害!如果我没有错,css将隐藏页脚,因为它将开始在bottom=0中绘制页脚。相反,应该有:bottom:HEIGHT\u OF_FOOTER@Naor“底部”不是这样工作的。指定“底部:0”表示元素的底部与视口的底部对齐,就像指定“右:0”表示元素的右边缘与视口的右边缘对齐一样。您描述了如果有人指定“顶部:100%”会发生什么。我认为“宽度:100%”部分是多余的,因为您已经说过“左:0;右:0;'但没有造成伤害!