缩略图容器{最小高度：400像素}

Question

我的页脚位于我想要它的位置，当它上面有足够的内容将其“推”到页面底部时（http://v3.edharrisondesign.com/），但没有内容它位于太远（{{3} }）。

任何想法为什么？

Answer 1

如果你搜索google的粘性页脚，你会发现这是一些常见的问题。无论如何，我看了你的网站，这就是你需要做的事情：

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中添加一个额外的元素（让我知道这是你想要的）。

很棒的网站，顺便说一下！

Answer 2

缩略图容器{最小高度：400像素}

将在ie7 / 8/9和其他主要浏览器中运行。 IE6会忽略它。

Answer 3

John的说法是，在页眉和页脚之间需要有一个容器，其高度最小，这样您就可以为浏览器提供两者之间的设定像素数量，无论如何。对于主页，它是“thumbnail-continer”，但在你的内部页面上看起来你根本就没有任何内容。无论哪种方式（无论是将缩略图容器放在内部页面中还是创建新的div altogther），都要在每个页面上创建一个内容，并为其提供您希望的最小高度。

页脚坐得太远了

3 个答案:

缩略图容器{最小高度：400像素}