Php CSS粘性页脚问题
我在一个新网站上的页脚有点问题。 我尝试了Ryan Fait()的技术,但不知怎么的,它就是不起作用。也许你能帮我,告诉我为什么 我的网页链接是aev.martenzander.com 我只是在index.php上试过,所以在访问子页面时不要感到困惑 代码: HTMLPhp CSS粘性页脚问题,php,html,css,Php,Html,Css,我在一个新网站上的页脚有点问题。 我尝试了Ryan Fait()的技术,但不知怎么的,它就是不起作用。也许你能帮我,告诉我为什么 我的网页链接是aev.martenzander.com 我只是在index.php上试过,所以在访问子页面时不要感到困惑 代码: HTML 它的工作方式是,你有一个mainWrapper类,它有一个设置为负的边距,然后你有一个push类,它强制边距始终保持清晰,然后你有一个footer类,它占据了边距 现在您没有push类,而footer类是在包装器中定义的。它需要在
它的工作方式是,你有一个mainWrapper类,它有一个设置为负的边距,然后你有一个push类,它强制边距始终保持清晰,然后你有一个footer类,它占据了边距
现在您没有push类,而footer类是在包装器中定义的。它需要在包装器外面 这里有一个简单解决方案的链接: HTML:
<div id="container">
<div id="header"></div>
<div id="body"></div>
<div id="footer"></div>
</div>
不。在这里添加代码,我们可以提供帮助好的,现在添加代码;)您提到您正在使用Ryan Fait的示例,但您的结构与他的有很大不同。你可以再试试他的教程。@showdev,谢谢你,伙计,我真丢脸!我忘了推课了。对我来说,这有点令人困惑,因为对我来说,包装是一个div或另一个元素围绕另一个元素包装。这个“包装器”实际上就在实际的页脚之前,所以这有点奇怪,但现在我明白了;)干得好@亨特的想法是对的。“包装器”包裹除页脚以外的所有内容。“push”元素是“wrapper”的最后一个子元素。
.footer{
height: 111px;
margin: 0 auto;
position: relative;
}
.stickyfooter{
min-height: 100%;
height: auto !important;
margin: 0 auto -111px;
}
<div id="container">
<div id="header"></div>
<div id="body"></div>
<div id="footer"></div>
</div>
html,
body {
margin:0;
padding:0;
height:100%;
}
#container {
min-height:100%;
position:relative;
}
#header {
background:#ff0;
padding:10px;
}
#body {
padding:10px;
padding-bottom:60px; /* Height of the footer */
}
#footer {
position:absolute;
bottom:0;
width:100%;
height:60px; /* Height of the footer */
background:#6cf;
}