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 に答える