html - 本文がフルハイトページに伸びない

ページの下部に要素を配置したいとします。私が知っていることは、HTML、body {height：100％}を設定し、次にdiv absoluteとbottomの中に配置することによって達成できるということです。 f.e：html - 本文がフルハイトページに伸びない

<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、私はVARに文書の高さを格納し、body要素の高さとして、この値を適用するのonloadを使用して問題を解決しました。

2012-05-06 user985409

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

あなたのケースでは、フッターはhtmlの下に配置されています。それは体の底に置かれるだけなのであなたの体のために。

2012-05-06 13:51:13

はい、あなたは正しいですが、それでも問題は解決しませんでしたが、body要素の高さは要素を含むようになり、ページに100％伸ばされません。 – user985409

答えて