在IE中的Div(Twitter Bootstrap)

Question

在IE中的Div(Twitter Bootstrap)

我得到了以下代码,我使用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>

Run Code Online (Sandbox Code Playgroud)

它在chrome和IE中显示的方式不同,有谁可以告诉我为什么？你可以检查下面的图像,不知何故文本框的div下到IE 9的下一行.

Answer 1

thi*_*dot 5

我猜对了..

IE是否处于Quirks模式？按F12打开开发人员工具进行检查.

..因为元素的显示方式; 对我来说,它看起来像Quirks Mode.

在您的情况下,问题是您没有有效的doctype(例如<!DOCTYPE html>)作为第一行.

归档时间：	14 年，6 月前
查看次数：	1979 次
最近记录：	14 年，5 月前