Div在IE（Twitter Bootstrap）

我得到了下面的代碼和即時通訊使用twitter引導。Div在IE（Twitter Bootstrap）

<div class="span10"> 
    <div class="span2">@Html.Label("lblUsername", "Username : ")</div> 
    <div class="span7"> 
     @Html.TextBoxFor(x => x.Username) 
    </div> 
    @Html.ValidationMessageFor(x => x.Username) 
</div> 

<div class="span10"> 
    <div class="span2">@Html.Label("lblPassword", "Password : ")</div> 
    <div class="span7"> 
     @Html.PasswordFor(x => x.Password) 
    </div> 
</div> 
<div class="span10"> 
    <div class="span2">@Html.Label("lblName", "Name : ")</div> 
    <div class="span7"> 
     @Html.TextBoxFor(x => x.Name) 
    </div> 

</div> 
<br /> 
<div class="span10"><input type="submit" value="Submit" /></div>

它在Chrome和IE中顯示的方式是不同的，任何人都可以告訴我爲什麼？您可以檢查圖像的下方，不知何故在文本框中的div下降到下一行IE 9

Comparison

來源

2011-11-14 kekewong

IE是在怪癖模式？按F12調出開發工具進行檢查。 – thirtydot

看起來像IE忽略浮游物。你的CSS是什麼？ – easwee

嗯奇怪，我添加了這個（<！DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.1 // EN」「http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd」>）在我的網頁頂部，現在它工作。是的，是怪癖模式的問題，謝謝@thirtydot – kekewong

我猜這個..

是IE的怪癖模式？按F12調出開發工具到檢查。

由於元素的顯示方式，它看起來像Quirks Mode給我。

就你而言，問題在於你沒有有效的文檔類型（例如<!DOCTYPE html>）作爲第一行。

來源

2011-11-14 16:52:45 thirtydot

Div在IE（Twitter Bootstrap）

回答

相關問題