CSS 如何控制令到同一行的 aa 左对齐，bb右对齐 [不能换行，只能在同一行]

<style type="text/css">

box{width:560px; line-height:21px;}

aa{float:left}

bb{float:right}

</style>

用这种方法

<div class="box">

<span class="aa">aa 左边</span>

<span class="bb">bb 右边</span>

</div>

div里只要没设置over-flow:scroll,溢出内容不会出现拖动条,table也不会出现,iframe默认会出现,可以scrolling="no"关掉拖动条,

默认文字内容都是左对齐,table里用align=left/right设置左右对齐,

div不支持,可用hack的方法,兼容性我还未研究过,iframe是框架没有此说