CSS页脚问题

Question

你知道有时当你内容不足时，然后页脚站在内容的正下方吗？ 而不是使用固定位置将其粘在底部，否则， 为什么不在页脚下做所有内容，与页脚的背景颜色相同（如果可能的话，不改变主体背景）。 此外，要使用100％作为高度，所以它是动态的。

例如：

在： http://gyazo.com/801af7d0c1c797900ca00648cc82443e 后： http://gyazo.com/5cb8503f122107d83a01ddae2c7fbc2a 我该怎么办？ 谢谢！

Answer 1

使用CSS粘性页脚确保在没有足够内容填充页面时页脚粘贴到视口底部 - http://ryanfait.com/sticky-footer/

Answer 2

您可以使页面具有页脚的背景颜色，如：

body { background: blue; }
div.footer { background: blue; }

然后，您希望主内容div具有良好的颜色，如白色：

div.content { background: white; }

Answer 3

我通常会让页面正文在页脚下方显示您想要的颜色。然后让一个容器（宽度为100％）具有实际的页面颜色。为了避免“闪烁”或黑色页面（取决于颜色偏离），我将其添加到容器中：

#container {
background-color: white; /* Page color */
min-height: 600px;
overflow:auto;
}