我有一个非常简单的问题:当我的内容不足以填满屏幕时,页脚就会出现,看起来有点混乱。您可以在常规的笔记本电脑显示器上在这里看到它:http : //www.dlgt.co
在该页面上,迫使页脚保持较低位置的诀窍是什么?我不希望它具有粘性。我试图在内容容器(#loading_effect)上设置最小高度: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
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句