css - 如何使 div 在保持其垂直位置的同时与父级的右侧对齐？

Question

请引用我画的这个方便的图:

div1 的高度未知。 div3 的宽度是可变的；它不应该与 div2 重叠。 div1 和 div2 具有相同的宽度，并通过 margin: auto 水平居中。我如何定位 div3 以便它与 body 的右侧对齐(无论 body 有多宽) 同时与 div2 共享垂直位置？ (使用 CSS)

Answer 1

.div1{
    margin:0 auto;
    width:100px;
    height:50px;
    border:5px solid #995555;
}
.div2{
    width:100px;
    margin:0 auto;
    border:5px solid #aaaa55;
    height:200px;
}
.div3{
    float:right;
    width:50px;
    height:100px;
    border:5px solid cyan;
}

<div class="div1">div1</div>
<div class="div3">div3</div>
<div class="div2">div2</div>

演示也在 http://jsfiddle.net/XjC9z/1/