在IE7中div的浮动问题

时间：2011-10-11 09:31:37

标签： html css

我在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中不起作用。请帮我找一个解决方案。

请检查此图片。 ie error

  • 图片1：以chrome格式渲染
  • 图像2：在ie7
    • 中渲染

提前感谢。

2 个答案:

答案 0 :(得分：1)

在html中交换他们的订单。

Rigth浮标被“倒置”。

像这样：

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

答案 1 :(得分：0)

您可能需要在html页面中定义标准doctype，如<!DOCTYPE html>

相关问题
最新问题