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

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

确保你的内容包装器有一个 postion: relative 设置，否则绝对定位的元素没有什么可关闭的。