html - 在 IE7 中 div 的 float 问题

Question

我在 html 和 css 方面有问题。也就是说，检查 div 是否按以下顺序

<div class="parent">
   <div class="child1">
   </div>
   <div class="child2">
   </div>
</div>

.child1 { float:right; width:auto; }
.child2 { float:right; width:200px; }

在此 div child1 是一个水平增长的 div。所以不可能为 div 添加特定宽度。我需要在同一水平线上显示 child1 和 child2 div。如果 child1 为空，则 child2 将是最右边的 div。上述解决方案在 ie7 中不起作用。请帮助我找到解决方案。

请检查这张图片。

• 图片 1:在 chrome 中呈现
• 图片 2:在 ie7 中呈现

提前致谢。

Answer 1

在 html 中交换它们的顺序。

Rigth float 是“倒置”的。

像这样:

<div class="parent">
   <div class="child2">
   </div>
   <div class="child1">
   </div>
</div>