CSS页脚问题

时间:2013-03-15 14:47:05

标签: html css

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

例如:

在: http://gyazo.com/801af7d0c1c797900ca00648cc82443e 后: http://gyazo.com/5cb8503f122107d83a01ddae2c7fbc2a 我该怎么办? 谢谢!

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

您可以使页面具有页脚的背景颜色,如:

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

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

div.content { background: white; }

答案 2 :(得分:0)

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

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