Question

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

我有一个div，我希望它显示在浏览器的底部，即使你缩放浏览器窗口。与本网站相同：

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

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

Answer 1

为div添加css：

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

Answer 2

检查this demo in 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>

Answer 3

假设你在谈论一个页脚，你应该看看Ryan Fait's method。

它使用带有.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 */
}

Div从页面底部开始

3 个答案: