ページの一番下に常にフッターdivを作成する方法

ポップアップウィンドウが開いて体の高さを拡大すると

フッタはページの一番下に移動する必要がありますが、その方法はわかりません

ここに私のコードです

 
open  

























<div class="div1"> footer</div> <div id="light" class="white_content">content



































close </div> <div id="fade" class="black_overlay"></div>

これをお読みいただきありがとう

どんな提案も感謝します。

4
試してみる cssstickyfooter.com
追加された 著者 Michael Mior,

4 答え

HTML:

<div id="footer"></div>

CSS:

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#6cf;
}
4
追加された
#element
{
  position:fixed;
  bottom:0;
  z-index:50000; //Just in case :)
}
2
追加された
1
追加された
しかし、長いポップアップウィンドウでボディを大きくすると、フッターはまだ下に行くことができません。前の位置にあります。
追加された 著者 Qing,

次のように、CSSプロパティvertical-alignを試してください:

#nameOfTheElement
{
    vertical-align: baseline;
}
1
追加された