問題在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

回答

相關問題