html - MVC Razor View 中的下拉列表由于其下方的元素而未扩展

Question

我用下面的代码在 View 中创建了一个下拉菜单..

<div class="form-group col-md-12 col-sm-12">
    <div class="col-md-6 col-sm-6">
        Ask
        <select name="drpExpertId" id="drp_ExpertId" class="dropdown">
            <option value="0">-- Select Expert --</option>
            @foreach (var item in Model.ExpertsList)
            {
                <option value="@item.Id">@item.ExpertName, the @item.ExpertArea</option>
            }
        </select>
    </div>

    <div class="col-md-6 col-sm-6">&nbsp;</div>

    <div class="col-md-12 col-sm-12">
        @Html.TextAreaFor(m => m.ExpertComment.Question, new { @class = "form-control ", placeholder = "Your Question" })
        @Html.HiddenFor(m => m.ExpertComment.QuestionAskedDate, new { @Value = DateTime.UtcNow })
    </div>
    <div class="col-md-12 col-sm-12">
        <input type="submit" value="Save" class="btn btn-default text-danger" />
    </div>
    <div class="col-md-12 col-sm-12">
        &nbsp;
    </div>
</div>

当我通过检查看到它时，下拉列表中的值正确出现。但在 UI 中它不会扩展。当我在下拉列表的 div 之后放置换行符 (


) 时，它开始显示值并且它也会扩展。我无法找出我在做什么错误。上面提到的部分代码位于 @Html.BeginForm 下并具有类

new { @class = "form-horizontal", role = "form" })

此代码中没有应用其他类或 CSS。

Answer 1

现在更改的代码是..

<div>
        Ask
        <select name="drpExpertId" id="drp_ExpertId">
            <option value="0">-- Select Expert --</option>
            @foreach (var item in Model.ExpertsList)
            {
                <option value="@item.Id">@item.ExpertName, the @item.ExpertArea</option>
            }
        </select>
    </div>

这工作正常。