html - CSS 页脚分隔

Question

我的页面上有一个固定的页脚，它由文本组成，没有背景图像。我还有一个固定的背景图像，位于右下角。当我向下滚动页面时，我正在徘徊我能做些什么来防止我的内容与页脚和背景图像重叠。滚动时是否要在它们之间放置填充？

Answer 1

您可以在主容器的页脚高度处放置一个 padding-bottom。像这样:

.footer { height: 150px; }
.container { padding-bottom: 150px; }

这将防止内容位于固定页脚下。

编辑:这是 fiddle - http://jsfiddle.net/2KZyv/当您到达页面底部时，由于容器底部填充，页脚不会位于内容之上。