兄弟们，急呀，如何让子菜单右侧对齐

Question

HTML:
<div style="float:left" id="a">菜单1</div>
<div style="float:left;width:50;pxbgcolor:black" id="b">
    <div style="width:100px;bgcolor:green" id="c">子菜单</div>
</div>说明：
a,b都是右对齐，c包含在b下，当鼠标放到b上，显示c，离开b时隐藏c
现在问题是显示c时，b和c都左侧对齐，我现在想让c靠着右侧对齐，也就是b,c都是右边一齐的，我现在已经可以用设置c的position及index，但如何根据b进行右侧定位呢？
另外，定位不能影响到a的位置，也就是说a,b这二个div位置不能动

Answer 1

给b加上
position:relative;
c就参考b的位置了

Answer 2

<div style="float:left;width:50;pxbgcolor:black" id="b">
  <div style="width:100px;bgcolor:green" id="c">子菜单</div>
</div>
=》
<div style="float:left;width:150px;pxbgcolor:black" id="b">
  <div style="width:100px;bgcolor:green; folat:right;" id="c">子菜单</div>
</div>

Answer 3

C层里面写  text-align:right; C层里面的内容有对齐