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; }