你知道有时当你内容不足时,然后页脚站在内容的正下方吗? 而不是使用固定位置将其粘在底部,否则, 为什么不在页脚下做所有内容,与页脚的背景颜色相同(如果可能的话,不改变主体背景)。 此外,要使用100%作为高度,所以它是动态的。
例如:
在: http://gyazo.com/801af7d0c1c797900ca00648cc82443e 后: http://gyazo.com/5cb8503f122107d83a01ddae2c7fbc2a 我该怎么办? 谢谢!
答案 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;
}