0

ページの下部に要素を配置したいと思います。私が知っていることは、これはHTML、body {height：100％}を設定し、次にdiv Absoluteとbottom：0px内に配置することで実現できるということです。fe：

    <html>
    <body>
    .
    .
    .
    <div id="footer">
    </div>
    </body>
    </html>

およびcss：

html, body{
height:100%;
}
#footer{
position:absolute;
bottom:0
}

上記のコードでは、HTMLとして期待される結果が得られません。本体要素の高さは、含まれている要素と同じです。理由を教えてください。ウェブサイトへのリンク：http：//www.lesemouvantes.com/dev/

jQueryを使用して問題を部分的に解決しました。onloadドキュメントの高さを変数に保存し、この値をbody要素の高さとして適用します。

4

1 に答える 1

0

絶対位置要素は、静的以外の位置を持つ最初の親要素を基準にして配置されます。そのような要素が見つからない場合、含まれているブロックは html です。

したがって、あなたの場合、フッターはhtmlの下部に配置されており、bodyではなくposition:relative;を設定する必要があります。あなたの体のためにそれは体の底に置かれるからです。

于 2012-05-06T13:51:13.273 に答える