CSS页脚问题

Question

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

例如：

BEFORE： http://gyazo.com/801af7d0c1c797900ca00648cc82443e AFTER： http://gyazo.com/5cb8503f122107d83a01ddae2c7fbc2a 我该怎么办呢？ 谢谢！

Answer 1

我通常让页面的主体在页脚下面有你想要的颜色。然后让容器（100％宽度）具有实际的页面颜色。为了避免“忽悠”或黑色的页面（取决于颜色offcourse）我将其添加到容器：

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

Answer 2

使用CSS粘的页脚，以确保页脚粘在视窗的底部时，没有足够的内容来填充页面 - http://ryanfait.com/sticky-footer/

Answer 3

可以使网页具有页脚的背景颜色，像：

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

然后，你希望你的主要内容div来有一个良好的色彩，如白：

div.content { background: white; }