扩展浏览器的高度

其余设置高度内容，页脚所以我知道的第一个念头是“粘性页脚”，但是这不是真的如此。这是变量的页脚高度。扩展浏览器的高度

我有一个页面，主要内容是从顶部200像素保证金...的内容后，我需要页脚一路向下延伸的浏览器高度的剩余部分;会有一个1600px的背景图像，会repeat-x

2011-10-13 dcolumbus

一般页面内容有多大？用户是否会滚动页面？ –

这里有一个技巧。像平常一样制作标题，内容和页脚。页脚的设置高度为100％，并给它position:fixed属性，并确保你不给它一个顶部，底部，等属性。这将使页脚“流出”，但将其保留在自然的位置（这将消除任何丑陋的滚动条）。

你可以看到它在example demo here行动。

2011-10-13 21:41:47

你知道，我一直只有一个但不确定的CSS属性是位置。非常感谢，约瑟夫！ – dcolumbus

@dcolumbus不客气。 :)当你真正习惯它们时，它们真的很有用。很高兴我能帮上忙。 –

这对于包含大量内容的网页不起作用。页脚只是被遗忘而已。我认为大多数人都需要一种适用于任何情况的解决方案。 –

为什么不只是让body有页脚的background-image？

然后，您可以设置的主要内容有任何你喜欢的背景，而页脚会出现延伸到页面的其余部分。

2011-10-13 21:25:26 element119

页脚图像中存在渐变。每当页面呈现正确显示时，它都必须是像素完美的。你会注意到。 – dcolumbus

http://jsfiddle.net/JFtwD/25/ 这里是你如何能做到这一点。不知道这是否是最好的解决方案，但它是一种解决方案。

2011-10-13 21:40:30 BjarkeCK

在页脚上放一个最小高度也是个不错的选择。像这样：http://jsfiddle.net/JFtwD/28/ – BjarkeCK

回答