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

Answer 2

是。在#container中添加高度可以讓一切正常。