0

たとえば、このページのフッターをページの下部まで塗りつぶしたいのですが、このページを現在のように動作させたいので、フッターを修正することはできません。$(window).resize()コストが高く、パフォーマンスが懸念されるという理由だけで、JS を使用しないことをお勧めします。

サポートされているブラウザーの中で最も低いのは IE9、Firefox 13、Chrome 16、および Safari 5 であるため、おそらく最先端ではないものの、より高度なソリューションを使用することについては心配していません。

4

3 に答える 3

2

できません。ウィンドウの高さとフッターの上部オフセット (JS を含む) を計算するか、要素の位置を に固定する必要がありますbottom: 0。

于 2012-10-11T22:53:21.787 に答える
1

ページの背景色をフッターの色と一致させ、グラフィックをページ全体の背景として使用する代わりに、コンテンツ領域のみに使用することができます。

背景をmain-content-containerに置きます

ボディの背景色を #EBEBEB にします

于 2012-10-12T14:55:26.137 に答える
0

これを行う方法は次のとおりですが、他の問題が発生します。min-height を設定し、コンテンツがその min-height を超えないようにする必要があります。そうしないと、コンテンツが途切れてしまい、すべてのテキストが 2 番目の div の上部にある必要があります。

CSS:

body,html
{
 width: 100%;
 height: 100%;
}
div#wrapper
{
 overflow: hidden;
 height: 100%;
 min-height: 600px;
}
div#one
{
 background-color: #0ff;
 height: 200px;
}
div#two
{
 height: 100%;
 background-color: #f00;
}

html:

<div id="wrapper">
    <div id="one"></div>
    <div id="two"></div>
</div>

したがって、この例では、下部のコンテンツの高さが 400px を超えることはできません。でも、それ以上だとベタ塗りになります。

于 2012-10-11T23:23:05.713 に答える