3

この問題に対する確実な解決策を見つける必要があると思います。インターネット上では、解決策はないようです。

DIVは常にコンテンツの高さを維持し、それ以上は維持しません。

構造は次のようになります。

<html>
    <head>
        <title>myPage</title>
    </head>
    <body>
        <div id='container'>
            Some Content...
        </div>
    </body>
</html>

CSSは通常次のようになります。

body {
    height: 100%;
}
div#container {
    height: 100%;
    width: 100%;
}

ボディまたは/およびdivにマージンまたは/およびパディングを設定するトリックはすでにありますが、実際には何もうまく機能していないようです。

この問題に対する唯一の解決策はありますか?

4

2 に答える 2

4
html, body, div#container{
   min-height: 100%;
   height: 100%;
}

これは役立つかもしれませんか?

于 2012-06-12T20:23:58.117 に答える
0

これを試して:

html, body { height: 100%; margin: 0; padding:0; }
#container { height: auto; min-height:100%; background:#ccc; }
于 2015-11-04T05:36:53.433 に答える