IE7和float：right

Question

我有两个兄弟divs：#label和#value。我希望#value div对齐父级div的右侧。我设置了float:right。但在IE7中#value div显示在#label div下，不在同一行。我知道的一个解决方案是在HTML中切换#label和#value div的顺序，但这看起来很违反直觉。

有没有其他方法可以完成这项任务？

P.S.请不要告诉我'停止支持IE7'。我有访问者仍然使用IE7，并没有看到为什么我必须从我的网站上删除它们的任何严重的原因。

Answer 1

第一DIV占用的父元素的整个宽度。

可以浮动的第一个元素的左侧，而第二到右侧，然后使用overflow父元素，使其包含子：

#Item { overflow: hidden; border: 1px solid #ccc; } 
 
#label { float: left; } 
 
#value { float: right; }

<div id="Item"> 
 
    <div id="label">Label</div> 
 
    <div id="value">Value</div> 
 
</div>

Answer 2

尝试这种情况：

<div></div> 
<div></div> 
css: div{display:inline-block}