HTML：

<div id="container">
    <div class="char">
        AAA
    </div>
    <div class="char stickToRight">
        BBB
    </div>
</div>​

CSS：

#container {
    border:solid 2px green
}
.char { 
    display: inline-block;
    border: solid 2px red;
}
.stickToRight {
    float: right
}​

是否有另一种方法使.stickToRight对齐，不浮动？

我需要将其保持为display：inline-block，以便使其垂直对齐与其他.char元素一致。

如何实现浮点数：右对齐效果，同时保持元素显示：inline-block？ (请注意，我不知道容器元素的宽度。)

我想要纯粹的CSS解决方案，如果有的话。