jquery - 如何将固定位置设置为DIV进入页面

Question

我有一个这样的 CSS 盒子模型：

使用 jQuery（当单击按钮时）我调整了 Main Content Div 的大小，但页脚不会保持其在屏幕底部的位置：

我尝试设置position: fixed为页脚 div，但它不会随页面滚动。

我想知道是否有办法定位页脚而不管内容如何

Answer 1

尝试这个：

.class_name {
    width:100%;
    height:100px;        
    position:fixed;
    bottom:0;
    background-color: #CCC;
}

Answer 2

使用 css 来实现这一点

.my_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
}

Answer 3

尝试这个

http://jsfiddle.net/8pjdp/1/

CSS

.footer{
background-color:#76D6FF;
position:fixed;
bottom:0;
    width:100%;
    height:100px;
}

HTML

<div class="footer">footer</div>