CSS页脚问题
问题描述:
你知道有时候,当你内容不足时,然后页脚站在内容的正下方? 而不是使用固定位置将其粘贴到底部,或者, 为什么不将所有内容都制作在页脚中,与页脚的背景具有相同的颜色(如果可能,不改变主体背景)。 此外,要使用100%作为高度,所以它是动态的。CSS页脚问题
例如:
BEFORE: http://gyazo.com/801af7d0c1c797900ca00648cc82443e AFTER: http://gyazo.com/5cb8503f122107d83a01ddae2c7fbc2a 我该怎么办呢? 谢谢!
答
我通常让页面的主体在页脚下面有你想要的颜色。然后让容器(100%宽度)具有实际的页面颜色。为了避免“忽悠”或黑色的页面(取决于颜色offcourse)我将其添加到容器:
#container {
background-color: white; /* Page color */
min-height: 600px;
overflow:auto;
}
答
可以使网页具有页脚的背景颜色,像:
body { background: blue; }
div.footer { background: blue; }
然后,你希望你的主要内容div来有一个良好的色彩,如白:
div.content { background: white; }
有你有你已经尝试了任何HTML或CSS,是您的页脚固定高度的或动态的太? – Pete 2013-03-15 14:50:04
'最小高度'? – Liam 2013-03-15 14:50:45