0

フッターに簡単な変更を加えているだけです。

フッターは固定する必要があります。A List Apartメソッドで説明されている方法に従って、フッターを一番下に固定しようとしましたが、少しずれているようです。

html, body {
height: 100%;
 }
#container {
position: relative;
min-height: 100%;
}

<div id="container">
    <div id="content">...</div>
    <div id="footer">...</div>
</div>
4

2 に答える 2

2

私は常にCSSStickyFooter メソッドを使用します。

  • 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: 180px;}  /* must be same height as the footer */

#footer {position: relative;
    margin-top: -180px; /* negative value of footer height */
    height: 180px;
    clear:both;}
于 2013-02-14T14:54:51.893 に答える
0

#wrapper clearfix に追加し、height: 100% を #wrapper と #container に追加する必要があると思います。この場合、フッターが本来よりも低く表示されます。これで、トップをフッターのマイナスの高さに設定する必要があり、機能するはずです。Bo ラッパーの内容をカバーするかどうかはわかりません。

于 2013-02-14T15:39:59.043 に答える