1

以下は単純な html です。

<div id="wrap">

<div id="main">

</div>

</div>

<div id="footer">

</div>

CSSは次のとおりです。

* {margin:0;padding:0;} 

 html, body {height: 100%;}

 #wrap {min-height: 100%;}

 #main {overflow:auto;
    padding-bottom: 150px;}

 #footer {position: relative;
    margin-top: -150px; 
    height: 150px;
    clear:both;}

私の質問は、padding-bottom を #main div ではなく #wrap div に追加する方が理にかなっているのではないでしょうか?

ご参考までに、これはフッターが常に下部にあり、ページのサイズを変更するときに以前のコンテンツと重ならないことに関連しています。

4

1 に答える 1

0

パディングが高さに追加されるため、ボックスモデルで問題が発生する可能性があると#wrap思います — 試しましたか?

于 2011-01-19T21:44:59.580 に答える