2

私は自分のサイトに Styck フッターの手法を適用していますが、コンテンツを水平方向と垂直方向の両方に配置する#main必要padding-bottom: 180pxがあります#main。このパディングを外して、#mainheight に何らかの値を設定すると、うまくいきます! しかし、フッターが常に一番下にあるとは限りません。この場合、どのように手続きすればよいですか？

いじるpadding-bottom:180px;：このリンク

Fiddle without padding-bottom:180px;:この別のリンク

助けてください！

4

1 に答える 1

1

最初にHTML構造を次のように変更します

<div id="wrap">
    <div id="main" class="block clearfix">
        <div id="wrapper" class="content">
            <p>text</p>
       </div>
    </div>
    <div id="footer"> <!-- footer within wrapper -->
       footer content
    </div>
</div>

CSSを次のように変更します

#footer { 
    position:relative;
    margin-top: 0; 
    height: 180px;
    clear:both;
    background:#FFCC00;
}

これで、フッターは常にコンテンツに「添付」されます。 フィドルを参照してください。

于 2012-08-07T12:48:45.513 に答える