我有一个非常简单的问题:当我的内容不够高，无法填满屏幕时，页脚就会出现，看起来有点乱。您可以在普通笔记本电脑显示器上看到它:http://www.dlgt.co
在该页面上，强制页脚保持低位的技巧是什么？我不希望它是粘性的。我尝试在内容容器 (#loading_effect) 上设置 min-height: 100% 但没有成功。看起来以 px 为单位的特定最小高度有效，但这并不适用于所有显示器。
谢谢!
最佳答案
尝试将 height: 100% 添加到 html、body 和您的主要内容。这会将页脚移到屏幕之外。通过向主要内容添加等于页脚高度的负 margin-bottom，您可以再次向上移动页脚。参见 http://codepen.io/ckuijjer/pen/wbony举个例子
编辑:好的，这并没有完全奏效。使用 min-height: 100%、box-sizing: border-box 和等于页脚高度的 padding-bottom 重试。参见 http://codepen.io/ckuijjer/pen/jFgwd
关于html - 强制我的页脚在屏幕底部，即使内容不够大(不粘)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26064102/