0

これを約1時間解決しようとしていて、イライラしています。

したがって、ページの残りの部分をフッターまで埋めるためにdivが必要です。

http://gyazo.com/999cce47ea567878586fbc4c843f80fc

divで高さを100％に設定しても、サイズはまったく増加しません。

.body-middle {
    width: 979px;
    margin: 0 auto;
    bottom:0;
    height:100%;
    padding-bottom: 50px;
}
footer {
    height: 50px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    background-color:#ebebeb;
}

それらは両方ともページと呼ばれるdivにあります

.page {
    min-height: 100%;
    position:relative;
}
4

3 に答える 3

0

体の要素width:100%も与えてみてください。

于 2013-03-12T14:56:16.393 に答える
0

画面の高さ全体を占めるようにするには、とタグheight:100%の両方に追加する必要があります。htmlbody

http://jsfiddle.net/WtAg7/1/

PS: これらのクラス名 (.page、.body-middle) を使用する他の div がない限り、代わりに ID を使用する必要があります。ID は、.プレフィックスをプレフィックスに置き換えることで CSS に接続され#ます。

于 2013-03-12T15:19:21.023 に答える
0

body と height のスタイリングを 100% に設定してから、div を 100% の高さに設定します。

CSS

body { height: 100%; margin: 0px; padding: 0px; }
html { height: 100%; }
.container { height: 100%;}

HTML

<body>
<div class="container">
<span>Something</span>
</div>
</body>
于 2013-03-12T15:40:54.460 に答える