0

私はこの次のコードを使用しています:

body {
    margin-bottom: 40px;
    margin-right: 30px;
    margin-left:  30px;
    margin-top: 40px;
    text-align: center;
    font-size: 14px;
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

上からも横からも全部いいのにページが下まで届かない。どうすれば一番下まで届くようになるでしょうか？

4

4 に答える 4

2

CSSでこれを試してください

body {
        margin-bottom: 40px;
        margin-right: 30px;
        margin-left:  30px;
        margin-top: 40px;
        text-align: center;
        font-size: 14px;
        font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
         background-color: gray;
         height: 100%;
        }
        html, table
        {
            height:100%;
        }

<body style="">removeでコードを修正してくださいstyle=""。ボディをブラウザの高さの 100% にする必要があります<body>

Body は、動的プロパティをスケーリングする方法について親 (HTML) を参照するため、HTML も設定する必要があります。

于 2012-05-06T20:49:22.840 に答える
2

追加height: 100%;

http://jsfiddle.net/uTG2R/

編集：

高さを設定する必要があるのは html と body だけではないように見えましたが、実際の原因はその中のテーブルでした。html タグと body タグの高さを定義することで、テーブル タグの定義済みの高さを設定できます。

于 2012-05-06T20:49:53.010 に答える
0

高さを追加: 100%; あなたのcssに。これは、必要なことを行う必要があります。

于 2012-05-06T20:50:12.877 に答える
0

提供されたリンク84.229.230.105:8080/NiceTry2/MyServletによって、必要なのは本体の高さに加えて、HTML タグで高さを 100% に設定することです。

CSS

html {
  height: 100%;
}

編集:

別の問題を引き起こすことなく、問題を解決するために、より正確なサンプルを使用して Fiddle を作成しました。

ここのフィドル！

100% + 40px + 40px は常に 100% + 40px + 40px よりも大きいため、 body タグの上部と下部の余白によって body タグの特定のオーバーフローが発生します。 100% :)

Fiddle は、HTML タグと BODY タグがビュー ポート サイズの 100% x 100% を持ち、1 つの絶対配置の div を使用してページ コンテンツ全体をラップすることを提案しています。上記のラッパーは、必要なマージンを取得します。

于 2012-05-06T21:01:23.483 に答える