Html 粘脚
我正在尝试将我的页脚粘贴到此网站的页面底部: 不幸的是,它似乎不起作用,尽管它在我使用过的其他地方都起作用 这是粘性的CSS: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
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;'但没有造成伤害!