2

私はこれに苦労しています。これは私のコードです:

http://jsfiddle.net/HMsKa/30/

コンテンツの量が少ない場合に備えて、ドッキングされたフッターを統合しようとしています。これを行う方法のコード例として、このサイトを使用しています。

http://ryanfait.com/sticky-footer/
http://ryanfait.com/sticky-footer/layout.css

ただし、このコードを自分のサイトにどのような意味で挿入しても、機能しません。これを既存のコードと統合する方法を教えてもらえますか?

4

1 に答える 1

0

html 構造をチェックアウトする必要があります。たとえば、ステッカー フッターの html を見てください。

以下のようにする必要があります。

HTML:

<body>
   <div class="wrapper">
        <!-- your content -->
        <div class="push"></div>
   </div>
   <div class="footer"></div>
</body>

css ファイルが示すように、ここで再作成します。

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

あなたのフィドルの編集: http://jsfiddle.net/HMsKa/36/

が必要.wrapperですmin-height: 100%。

于 2012-10-10T16:25:31.227 に答える