我找到了很多提到Ryan Fait技巧的地方:http://ryanfait.com/sticky-footer/
还找到了这个:http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
但即使代码确实有效,它们看起来也过时了。在现代浏览器中是否有更简单的东西?
答案 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;