html - 将 Div 对齐到右下角

Question

我有两个元素想放在页面的右下角。我经历了几个主题，但有些部分有帮助，而其他部分往往会破坏布局。

注意:背景色仅供说明之用。我希望文本右对齐。

这是我所在的位置:( http://jsfiddle.net/dsri/WswG9/ )

HTML:

<div id="container">
<div id="a"> <span id="aa">Text1</span></div>
<div id="b"> <span id="bb">Text2</span></div>
</div>

CSS:

div#container{
text-align: center;    
}
span#aa{
font-size: 75px;
color: rgba(0, 0, 0, 0.5);
background-color: Yellow;
overflow: hidden;
}
span#bb{
font-size: 45px;
color: rgba(0,0,0,0.5);
background-color: red;   
} 

这是我理想中想要的: http://i.imgur.com/ANuAvly.png

Answer 1

尝试将 #container div 的 CSS 更改为:

div#container {
    text-align: right;
    position:absolute;
    right:0;
    bottom:0;
}

jsFiddle example