当内容很短时,将页脚强制到浏览器底部的现代技术是什么?

时间:2013-05-15 17:07:30

标签: css css3 sticky-footer

我找到了很多提到Ryan Fait技巧的地方:http://ryanfait.com/sticky-footer/

还找到了这个:http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

但即使代码确实有效,它们看起来也过时了。在现代浏览器中是否有更简单的东西?

2 个答案:

答案 0 :(得分:1)

这是制作粘性页脚的更简洁方法,不需要额外的包装,并且可以在包括IE8在内的所有浏览器中使用。

html {
 position: relative;
 min-height: 100%;
}

body {
 margin: 0 0 110px; /* bottom = footer height + margin of the footer */
}

footer {
 position: absolute;
 left: 0;
 bottom: 0;
 margin-top:10px;
 height: 100px;
 width: 100%;
}

答案 1 :(得分:0)

轻松!使用position:absolute;bottom:0;