您知道有时当您的内容不足时，页脚就位于内容下方吗？不要使用固定位置将其粘贴到底部，否则，为什么不将所有内容都放在页脚下，与页脚的背景颜色相同（如果可能，不要更改正文背景）。此外，使用 100% 作为高度，所以它是动态的。
例如：
之前： http ://gyazo.com/801af7d0c1c797900ca00648cc82443e 之后： http ://gyazo.com/5cb8503f122107d83a01ddae2c7fbc2a 我该怎么做？谢谢！
问问题
65 次
3 回答
1
当没有足够的内容填充页面时，使用 CSS 粘性页脚确保页脚粘在视口底部 - http://ryanfait.com/sticky-footer/
于 2013-03-15T14:49:03.070 回答
0
您可以使页面具有页脚的背景颜色，例如：
body { background: blue; }
div.footer { background: blue; }
然后，您希望您的主要内容 div 具有良好的颜色，例如白色：
div.content { background: white; }
于 2013-03-15T14:50:35.090 回答
0
我通常让页面的主体在页脚下方具有您想要的颜色。然后让一个容器（宽度为 100%）具有实际的页面颜色。为了避免“闪烁”或黑页（取决于颜色），我将其添加到容器中：
#container {
background-color: white; /* Page color */
min-height: 600px;
overflow:auto;
}
于 2013-03-15T14:51:34.517 回答