CSS絕對底部
從友站看到的方式
原文連結位址在此http://www.cssstickyfooter.com/using-sticky-footer-code.html
CSS代碼:
html, body, #wrap {height: 100%;}
比較妙的就是#main的padding值、footer的高度和負margin值的設定
這裡有我自己測試的結果,真的還不錯用的方式。
原文連結位址在此http://www.cssstickyfooter.com/using-sticky-footer-code.html
CSS代碼:
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;} /* 必須使用和footer相同的高度 */
#footer {position: relative;
margin-top: -150px; /* footer高度的負值 */
height: 150px;
clear:both;}
#main {padding-bottom: 150px;} /* 必須使用和footer相同的高度 */
#footer {position: relative;
margin-top: -150px; /* footer高度的負值 */
height: 150px;
clear:both;}
這裡有我自己測試的結果,真的還不錯用的方式。
留言
HTML,
CSS,
Javascript