即使在滚动时，如何将 div 设置在浏览器屏幕的底部？
问问题
5663 次
5 回答
6
假设您有以下 div
<div class="footer">This is at the bottom</div>
您可以使用以下 CSS 将其固定在视口的底部
.footer {
position: fixed;
bottom: 0;
}
即使滚动它也会留在那里。
于 2012-12-13T10:59:35.703 回答
4
使用position: fixed附加到该 CSS 的属性div。
#footer {
position:fixed;
bottom:0;
}
于 2012-12-13T11:02:09.757 回答
1
试试这个 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 */
}
于 2012-12-13T11:00:13.260 回答
0
有一个很好的页脚教程
http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/
演示页面在这里：
http://www.lwis.net/profile/CSS/sticky-footer.html
基本前提是主体页面被拉伸到页面的100%。最小高度也为 100%。
然后为页脚提供以下规则：
#footer {
clear: both;
position: relative;
z-index: 10;
height: 3em;
margin-top: -3em;
}
我得到了这个答案
于 2012-12-13T11:06:39.327 回答
0
于 2012-12-13T11:00:38.623 回答