div元素不包含内部绝对定位div

Question

在我的页面中，我有一个外部<div>，其中包含所有页面内容，在其底部我有页脚。问题是如果我将绝对定位<div>放在主要的div内，则不会包含此新position:absolute。这是jsfiddle http://jsfiddle.net/ohy8zzqs/ 如果您从#ss移除<div id="AllContent2"> <p>we</p> <div id="ss"> </div> </div> <div id="footer_wrapper"> <div id="footer_inner_wrapper"> <div class="bottom"> <p>wewqe</p> </div> </div> </div> ，则效果非常好。解决办法是什么？ 我正在寻求一个解决方案，因为我的页面将在用户请求时加载ajax帖子及其相关评论，因此我不知道页面的总高度

HTML

#AllContent2{
  position: relative;
  background: #eee;
  height: 100%;
  min-height: 100%;
  height: auto !important;
  width: 100%;
}

#ss{
   position: absolute;
   height: 100px;
}
#footer_wrapper {
   background: #2B2B76;
   width: 100%;
   height: 40px;
}
#footer_inner_wrapper{
   width: 100%;
   margin: 0px auto;
 }

CSS

{{1}}