css - 将动态框定位在中心+底部

Question

http://pastehtml.com/view/bfzerlo1m.html

如何将红色框放在橙色 div 底部的 CENTER + 中？

红框的高度和宽度都是动态的，每个框都不同..

(它需要在包括IE7 + IE8在内的所有浏览器中工作)

Answer 1

HTML

<DIV class="wrapper"><div class="redbox"></div></div>

CSS

.wrapper{
  position: absolute;
  bottom: 0; left: 0; right: 0;
}
.redbox{
  margin: 0 auto;
}