当页脚上方有足够的内容以将其“推”到页面底部时，我的页脚位于我想要的位置（http://v3.edharrisondesign.com/），但没有内容它位于太高（http: //v3.edharrisondesign.com/about/）。
任何想法为什么？
问问题
2281 次
3 回答
1
如果您在谷歌上搜索粘性页脚，您会发现这是一些解决方案的常见问题。无论如何，我查看了您的网站，这是您需要做的：
1）在html's规则集中，添加：
height: 100%;
2)body的规则集：
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 100%;
padding-bottom: 80px; /* same as footer's height */
3）footer：
position: absolute;
bottom: 0; /* you already have this */
该解决方案利用了 box-sizing 属性。如果需要支持较旧的浏览器，则它将不起作用-为此，您需要在 html 中添加一个额外的元素（让我知道这是否是您想要的）。
很棒的网站，顺便说一句！
于 2012-09-08T01:05:48.220 回答
0
John 的意思是在您的页眉和页脚之间需要有一个容器，具有最小高度，以便您在两者之间为浏览器提供所需的像素数量，无论如何。对于主页，它是“thumbnail-continer”，但在您的内部页面上，您似乎根本没有任何内容。无论哪种方式（无论是将缩略图容器放置在内部页面中还是创建一个新的 div），在每个页面上创建一个内容井并为其设置您想要的最小高度。
于 2012-09-08T00:30:12.410 回答
0
缩略图容器{min-height:400px}
将在 ie7/8/9 和其他主要浏览器中工作。IE6 会忽略它。
于 2012-09-07T23:26:18.423 回答