Question

例如:

<header>Hello</header>
<div role="main">Body</div>
<footer>&copy;</footer>

header {
    height:20px;
    background: #edf1f5;
}
div {
    background:#ddd;
    padding:20px;
}
footer {
    background: #e4e8ec;
}

您如何做<条码>脚印>。占用所有剩余空间? 我无意在这里有一只 stick脚步,我只是想方设法填补这一空间。

http://jsfiddle.net/XF3E7/“rel=“nofollow” http://jsfiddle.net/XF3E7/。

Answer 1

Sadly I was able to answer my own question:

http://jsfiddle.net/XF3E7/14/“rel=”nofollow> http://jsfiddle.net/XF3E7/14/。

Answer 2

I ve always used a work around for this. If you make the body background colour the same as the footer it creates the illusion of it extending down the page. http://jsfiddle.net/ollie/q3xzh/1/

header {
height:20px;
background: #edf1f5;
}
div {
background:#ddd;
padding:20px;
}
footer {
background: #e4e8ec;
}
body {background:#e4e8ec;}

Answer 3

我猜想你们想要的是这样的东西? 。 http://jsfiddle.net/Ralt/XF3E7/5/。

但是,没有施舍? 如果没有 j印或使用表格是不可能的。

确实,我建议使用背景颜色作为@Ollie的话。

Answer 4

You just have to play with the css

http://jsfiddle.net/XF3E7/10/"rel=“nofollow> http://jsfiddle.net/XF3E7/10/。

友情链接