Scroll 滚动以显示页脚,而不考虑视口高度

Scroll 滚动以显示页脚,而不考虑视口高度,scroll,responsive-design,footer,Scroll,Responsive Design,Footer,我正试图弄清楚如何像这样编码页脚: 基本上,页脚直到你到达内容的底部才可见。因此,如果您有一个没有太多内容的高桌面浏览器,并且内容容器的末端在视图中,则页脚仍然是隐藏的,但您向下滚动,页脚就会显示出来 如果你注意到了,把你的浏览器缩小到一个更“移动”的尺寸,页脚仍然“就在那里”等着被显示 我觉得答案很简单,但我已经搜索了javascript和css技巧的代码,但我没有看到它 有什么建议吗?所以通过chrome的开发者工具进行检查: style.css有 html, .inspiration,

我正试图弄清楚如何像这样编码页脚:

基本上,页脚直到你到达内容的底部才可见。因此,如果您有一个没有太多内容的高桌面浏览器,并且内容容器的末端在视图中,则页脚仍然是隐藏的,但您向下滚动,页脚就会显示出来

如果你注意到了,把你的浏览器缩小到一个更“移动”的尺寸,页脚仍然“就在那里”等着被显示

我觉得答案很简单,但我已经搜索了javascript和css技巧的代码,但我没有看到它


有什么建议吗?

所以通过chrome的开发者工具进行检查:

style.css有

html, .inspiration, .inspiration #outer, .inspiration #container, .inspiration #content {
    height: 100%;
}
如果启用/禁用该css行,内容将按预期缩小/扩展,这就是神奇之处