0

ページの右下に配置したい要素が 2 つあります。いくつかのスレッドを調べましたが、いくつかの部分は役に立ち、他の部分はレイアウトを台無しにする傾向があります。

注: 背景色は説明用です。テキストを右揃えにしたい。

これが私がいる場所です:( 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

4

4 に答える 4

3

#containerdivの CSS を次のように変更してみてください。

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

jsFiddle の例

于 2013-09-09T02:50:56.960 に答える