将页脚锁定到我的内容包装器的底部

Question

正如标题所述，试图将此页脚锁定在内容包装器的底部。 我读过的所有东西都说使用了底部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

确保您的内容包装器上有一个位置：相对设置，否则绝对定位的元素没有任何内容。