1

比如说：

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

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

你如何弥补footer所有剩余的空间？我的目标不是在这里有一个粘性页脚，我只是想让页脚填满空间。

这是一个 Jsfiddle：http: //jsfiddle.net/XF3E7/

4

4 回答 4

3

我一直为此使用解决方法。如果您使正文背景颜色与页脚相同，则会产生向下延伸到页面的错觉。http://jsfiddle.net/ollie/q3xzh/1/

header {
height:20px;
background: #edf1f5;
}
div {
background:#ddd;
padding:20px;
}
footer {
background: #e4e8ec;
}
body {background:#e4e8ec;}
于 2012-04-25T08:26:10.540 回答
0

我猜你想要这样的东西？http://jsfiddle.net/Ralt/XF3E7/5/

但是没有滚动嘿？没有 javascript 或使用表格是不可能的。

我确实建议使用@Ollie 所说的背景颜色。

于 2012-04-25T08:27:07.383 回答
0

你只需要玩css

http://jsfiddle.net/XF3E7/10/

于 2012-04-25T08:27:57.967 回答
0

可悲的是，我能够回答我自己的问题：

http://jsfiddle.net/XF3E7/14/

于 2012-04-25T08:53:32.913 回答