Html 在输入下方显示验证消息（IE9和IE7）

我正在使用razor呈现文本框及其验证消息：

     @Html.TextBoxFor(m => m.Login, new { maxlength = "20"})
     @Html.ValidationMessageFor(m => m.Login)

我需要在元素下面显示验证消息，并且我需要在IE9和IE7中都使用这种样式。如果我使用

，IE 7会在下面显示一个空行，然后显示消息，IE 9会在输入下方正确显示消息，没有任何空格

有没有一种方法可以为这两种浏览器做到这一点？我也想知道做这类事情最合适的方式

提前感谢。

<div>
     @Html.TextBoxFor(m => m.Login, new { maxlength = "20"})
</div>
<div>
    @Html.ValidationMessageFor(m => m.Login)
</div>

@TextBoxFor（m=>m.Login，新的{maxlength=“20”}）
@Html.ValidationMessageFor（m=>m.Login）

您可能会遇到IE7和IE9之间的CSS差异。使用开发工具检查验证消息，并查看是否可以更改应用于验证错误的CSS。您可以更改它们以使UI在两种浏览器中的行为相同