粘性页脚詹姆斯迪恩 - 没有按预期工作

Question

我有粘性页脚的问题。我尝试使用

来使用James Dean解决方案

html {
position: relative;
min-height: 100%;
}
body {
margin: 0 0 125px;
padding: 0px;
}

footer {
background-color: orange;
position: absolute;
left: 0;
bottom: 0;
height: 100px;
width: 100%;
}    

但它没有按预期工作 - 文本也在页脚下。

Div id =＆＃34; rightinfo＆＃34;必须站在一边，因为会有背景图像。

拜托，有没有人知道詹姆斯·迪恩为什么不工作？谢谢您的回答。

我的atemp：https://jsfiddle.net/4po3n6pL/1/