1

Webページを作成していますが、フッターで何かを行う必要があります。現在、フッターの高さは固定されています。この場合、コンテンツ領域が小さいと、フッターの下に空白の領域が表示されます。しかし、フッターの背景を動的に下に向かって拡張したいと思います。ここで例を確認できます：http：//jilson.me/stack/index.html

フッターのcssコードは次のとおりです。

.footer{
    height:64px;
    border-top:5px solid #4b4b4b;
    background:#383838;
    max-width:1400px;
    margin:0 auto;
}

さらにコードが必要な場合はお知らせください。前もって感謝します。

4

4 に答える 4

1

フッターの背景色をボディタグに適用します。

body{
   background-color:#383838;
}

次に、フッターdivをラッパーdivの外側に移動し、ラッパーの背景色を次のように設定します。

背景色：#fff;

于 2013-01-11T12:53:59.693 に答える
0

height:100%HTMLに追加

これをcssに追加します

html, body{height:100%}
于 2013-01-11T06:42:29.527 に答える
0

リンクjsfiddle.net/FkPqb/を参照してください。これがuに役立つことを願っています。

于 2013-01-11T06:44:56.327 に答える
0

これを試して、このcssをフッターに適用してください

min-height:64px;
overflow:hidden;

お役に立てば幸いです。

于 2013-01-11T07:00:00.920 に答える