1

我得到了以下代码，我正在使用 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 中的下一行。

比较

4

1 回答 1

5

我猜到了这个。。

IE 是否处于 Quirks 模式？按 F12 调出开发者工具进行检查。

..由于元素的显示方式；对我来说，它看起来像怪癖模式。

在您的情况下，问题在于您没有有效的文档类型（例如<!DOCTYPE html>）作为第一行。

于 2011-11-14T16:52:45.183 回答