Bootstrap Modal出现在另一个可滚动窗口中

Question

让我向您展示我正在谈论的内容

这很奇怪，因为我使用了与教程中显示的代码非常相似的代码。

＆＃13;

＆＃13;

@{
    ViewBag.Title = "My Routine";
    Layout = "~/Views/shared/_BootstrapLayout.basic.cshtml";
    
}

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Tracking de Agua</h4>
            </div>
            <div class="modal-body">
                <h4>Actualice la cantidad de agua que ha ingerido:</h4>
                @using (Html.BeginForm())
                {
                    @Html.ValidationSummary(true)
                    <fieldset class="form-horizontal">

                        @foreach (var property in Model.VisibleProperties())
                        {
                            using (Html.ControlGroupFor(property.Name))
                            {
                            @Html.Label(property.Name.ToSeparatedWords(), new { @class = "control-label" })
                            <div class="controls">
                                @if (property.Name == "Quantity")
                                {
                                    @Html.Editor(property.Name, new { @class = "input-small" })
                                    <b>Lts</b>
                                    @Html.ValidationMessage(property.Name, null, new { @class = "help-inline" })
                                }
                                else if (property.Name == "Date")
                                {
                                    { Model.Date = DateTime.Now; }
                                    @Html.HiddenFor(m => m.Date);

                                }
                            </div>
                            }
                        }
                        <div class="form-actions">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                            <button type="submit" class="btn btn-primary">Guardar</button>
                        </div>
                    </fieldset>
                }

                <hr>

                <h4>Recomendaciones</h4>
                <p>Se debe mantener una correcta hidratación cuando se realice una actividad física ya que puede producirse un aumento de temperatura corporal y sufrir un golpe de calor. </p>
                <p>Es fundamental evitar la sensación de sed bebiendo líquido a lo largo del día, ya que cuando ésta aparece quiere decir que ya se ha producido cierto grado de deshidratación en el organismo. </p>
                <p>Se deben consumir alimentos ricos en agua como las frutas y verduras, caldos, sopas, gazpachos… </p>

            </div>

        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

＆＃13;

＆＃13;

＆＃13;

有人可以告诉我为什么会这样，我怎么能摆脱它？