问题在div的浮动权在IE7

我有一个问题在HTML和CSS。那就是检查div是否按照以下顺序问题在div的浮动权在IE7

<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：呈现在IE7

由于事先：在铬

图像2渲染。

来源

2011-10-11 Jaison Justus

你可以做一个[的jsfiddle（http://jsfiddle.net/）演示显示问题？ – thirtydot

@Jaison Justus：这只是我认为的一个错字。但是你知道CSS中的类名前面加了一个点（'.'）吗？ – PeeHaa

@PeeHee我忘了在问题中加点。 –

交换他们在html中的顺序。

Rigth浮标是“倒置”的。

这样的：

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

来源

2011-10-11 09:38:40 jackJoe

不行不行 –

可能是你在你的HTML页面来定义标准doctype这样<!DOCTYPE html>

来源

2011-10-11 09:55:42 sandeep

这是我的doctype <！DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional .dtd“> –

我在HTML5 DOCTYPE中的DOCTYPE触发了浏览器从奇怪模式到标准模式 – sandeep

问题在div的浮动权在IE7

回答

相关问题