考虑以下 jsFiddle:http: //jsfiddle.net/mark69_fnd/yqdJG/1/
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
元素保持一致。
如何float:right
在保持元素的同时实现右对齐效果display:inline-block
?(请注意,我不知道容器元素的宽度。)
如果有的话,我想要纯粹的 CSS 解决方案。