IE7和浮动：对

Question

我有两个兄弟div：#label和#value。我希望#value div与父＆＃div;的右边对齐。我设置float:right。但是在IE7中#value div显示在#label div下，而不是在同一行上。我知道的一个解决方案是在HTML中切换#label和#value div的顺序，但它看起来非常违反直觉。

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

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

Answer 1

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

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

试试这个：

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