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

请检查此图片。 ie error

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

提前感谢。

Answer 1

在html中交换他们的订单。

Rigth浮标被“倒置”。

像这样：

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

Answer 2

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

在IE7中div的浮动问题

2 个答案: