Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php CSS粘性页脚问题_Php_Html_Css - Fatal编程技术网

Php CSS粘性页脚问题

Php CSS粘性页脚问题,php,html,css,Php,Html,Css,我在一个新网站上的页脚有点问题。 我尝试了Ryan Fait()的技术,但不知怎么的,它就是不起作用。也许你能帮我,告诉我为什么 我的网页链接是aev.martenzander.com 我只是在index.php上试过,所以在访问子页面时不要感到困惑 代码: HTML 它的工作方式是,你有一个mainWrapper类,它有一个设置为负的边距,然后你有一个push类,它强制边距始终保持清晰,然后你有一个footer类,它占据了边距 现在您没有push类,而footer类是在包装器中定义的。它需要在

我在一个新网站上的页脚有点问题。 我尝试了Ryan Fait()的技术,但不知怎么的,它就是不起作用。也许你能帮我,告诉我为什么

我的网页链接是aev.martenzander.com

我只是在index.php上试过,所以在访问子页面时不要感到困惑

代码:

HTML


它的工作方式是,你有一个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;
}