Tag: 粘页脚

将页脚定位在具有固定页眉的页面底部

我想定位页面底部有一个固定的标题页脚… 不与position: fixed – 我不希望它保持在屏幕上,它应该只是在页面的末尾,滚动时正常行事。 不在可见屏幕的底部 – 在页面的底部,即; 毕竟其他内容。 下面是一个更好的解释图: 代码如下: 我准备了一个演示: JSFiddle 或者看下面 <div id="header">Header</div> <div id="content"> <p>Some content…</p> </div> <div id="footer">Footer</div> body{ /* Just to enable scrolling in JSFiddle */ height: 1000px; } #header{ width: 100%; height: 100px; position: fixed; top: 0px; z-index: 1; } #content{ width: 100%; position: absolute; top: 100px; /*Height […]

如何让页脚停留在网页的底部?

我有一个简单的2列布局,并在我的标记中清除了右侧和左侧div。 我的问题是,我不能让页脚停留在所有浏览器页面的底部。 它的工作原理是如果内容推下页脚,但情况并非总是如此。 更新: 它在Firefox中无法正常工作。 当页面上没有足够的内容将页脚一直推到浏览器窗口的底部时,我会在页脚下方看到一段背景色。 不幸的是,这是页面的默认状态。