css - Div 不会将自己定位在父 div 的底部

Question

这应该相当简单，但出于某种原因我无法将“页脚”div 放置在“容器”div 的底部。这与母版页格式有关，因此如果我将其调整为在一个页面上看起来不错，它不会在另一页上显示。有人可以快速看一下并帮助我吗？

#container {
background-color: #fafafa;
height: auto;
width: 1112px;
margin: 0 auto 0 auto;
position: relative;
}

#footer {
background-color: #fafafa;
width: 1112px;
height: 25px;
margin-left: auto;
margin-right: auto;
position: absolute;
bottom: 0;
}

#ftr-nav {
position: absolute;
bottom: 0;
right: 0;
float: right;
padding: 15px 30px 0 0;
}

.ftr-link-home {
font: 9px #0094ff;
}

.ftr-link-admin {
font: 9px #0094ff;
}

#copy {
float: right;
padding: 0 15px 0 0;
font-size: small;
position: absolute;
right: 115px;
bottom: 0;
}

http://jsfiddle.net/Develop_er/c32Mm/2/

Answer 1

添加这个:

html,body
{
   height: 100%;
}
#container {
    background-color: #fafafa;
    height: 100%; /* <--- */
    width: 1112px;
    margin: 0 auto 0 auto;
    position: relative;
}

FIDDLE