1

次のコードを取得し、twitter ブートストラップを使用しています。

<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 を押して開発者ツールを表示し、確認します。

..要素の表示方法が原因です。私にはQuirks Modeのように見えました。

<!DOCTYPE html>あなたの場合、問題は、最初の行として有効な doctype ( など) がなかったことです。

于 2011-11-14T16:52:45.183 に答える