css - div 从页面底部开始

Question

希望你能帮助我。我是荷兰人，所以我的英语不是很好。

我有一个 div，我希望它显示在浏览器的底部，即使您缩放浏览器窗口也是如此。和这个网站一样：

http://www.cedricvella.com/#node-3

白色背景的内容总是从浏览器窗口的底部开始，即使它被缩小了。我希望它可以用纯css来完成！

Answer 1

假设你在谈论页脚，你应该看看Ryan Fait 的方法。

它使用带有.push元素的包装器将页脚元素保持在底部。

像这样：

.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 */
}

Answer 2

为 div 添加 css：

.div-class {
   position: fixed;
   left: 0; bottom: 0;
}

Answer 3

在 jsfiddle检查这个演示

CSS

body{
    margin:0px;
    padding:0px;
}
.footer{
    width:100%;
    position:fixed;
    bottom:0px;
    left:0px;
    text-align:center;
    background:#999;
    height:50px;
    line-height:50px;
}

HTML

<div class="footer">this is fixed area with align bottom</div>