我使用CSS制作了下面的粘性页脚。底部页面内容当前隐藏在页脚后面(请参见所附的屏幕截图)。如何调整CSS,使所有正文内容都可见,并且页脚仍停留在浏览器窗口的底部?谢谢大家!
CSS:
.fo{
位置:绝对位置;
左:0;
底部:0;
高度:65px;
宽度:100%;
颜色:#eaeaea;
左边距:-8px;
}
可以创建一个清晰的div并为其指定高度
.clear{clear:两者;高度:60px;}
<;div class=“清除”></部门>;
<;div id=“footer”>;页脚内容</部门>;
高度是使内容保持在页脚上方所需的高度,例如高于页脚。如果页脚为50px;高,我做60像素;对于clear div中的高度。因此,当我滚动时,页脚保持在原位,但当我到达底部时,从页脚后面流出的内容有空间被推到页脚上方,而不会被覆盖。超级简单,而且工作非常完美