0

如果比较以下 2 页：

第 1 页：http: //goldencraft.co/wp/

第 2 页：http: //goldencraft.co/wp/contact/

CSS： http: //goldencraft.co/wp/wp-content/themes/minecraft/style.css

您会看到当有内容时，页脚没有正确粘贴。我一直在尝试修复它一个小时，所以我希望有人能在 CSS 中发现问题，谢谢。

粘性页脚示例

4

3 回答 3

1

罪魁祸首似乎就iframe在</body>标签之前。它有一个visibility:hidden规则，允许它替换页面上的元素（与 相比display:none）。

您可以删除它，也可以添加以下 css：

iframe {
  display:none;
}
于 2012-11-26T05:26:05.100 回答
0

现在只需在您的 css 文件中替换为您的#footer ID

#footer {
    background-color: #252525;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
}
于 2012-11-26T05:04:42.730 回答
0

试试这个

CSS

html,body{height:100%; width:100%; margin:0px; padding:0px;}
#wrapper{width:100%; height:100%; min-height:100%; height:auto; margin:0 auto; margin-bottom:-100px !important; background-color:#999999;}
#push{min-height:100px;}
#footer{min-height:100px; width:100%; overflow:hidden; background-color:#FF0000;}

HTML

<body>
    <div id="wrapper">
        <div id="push"></div><!-- do not remove -->
    </div>
    <div id="footer">Footer</div>
</body>
于 2012-11-26T05:20:13.263 回答