將頁腳鎖定到我的內容包裝的底部

Question

因此，正如標題所述，試圖將此頁腳鎖定在內容包裝的底部。 我讀過的所有內容都使用bottom 0，但是它將它鎖定在窗口的底部，而不是圍繞我的頁面的div。任何建議表示讚賞，謝謝一堆。 HTML

<div id='contentwrapper'> 
    (theres stuff in here but it's negligible for now) 
    <div id='footer'> 
    <div id='footertext'> 
    Blahblahblahblahblah 
    </div> 
    <div id='footerlogo'> 
    <img src='companylogo.png' height='80px'> 
    </div> 
    </div> 
</div> 

CSS

#footertext{ 
position:absolute; 
bottom:0; 
right:0 
} 
#footerlogo{ 
position:absolute; 
bottom:0; 
left:0; 
} 
#footer{ 
position:absolute; 
bottom:0; 
z-index:300; 
text-align:right; 
width:800px; 
//padding-top:5px; 
padding-bottom:5px; 
min-height:40px; 
color:black; 
background: rgb(173, 194, 255); /* Fall-back for browsers that don't support rgba */ 
background: rgba(173, 194, 255, .3); 
} 

Answer 1

確保您的內容包裝有一個現在的位置：它相對的，否則絕對定位的元素無關熄滅的。