MVC - 更新局部视图移动 div 容器

Question

在我的应用程序中更新部分视图时遇到问题。

基本上，在登录程序之后，用户将被重定向到可供选择的档案库。它应该会导致搜索掩码输入一些要搜索的条件。

我得到的是这样的：

@_Layout.cshtml

<div id="_pview">
  <div class="container body-content">
    <div class="_pviewcontent">
      @RenderBody()
    </div>
  </div>
  <footer class="footer">
    <hr />
    <a class="copyright">@Html.ActionLink($"© Copyright 2006 - {@DateTime.Now.Year} MyCopyright", "Index", "About")</a>
  </footer>
  <div id="loading_image" class="loading" style="display: none;"></div>
</div>

@ArchiveSelection/Index.cshtml

<div id="container">
  <div id="_divpartialview">
    @{Html.RenderPartial("_ArchiveSelection", Model);}
  </div>
</div>

@ArchiveSelection/_ArchiveSelection.cshtml

<table class="table">
  @{
    if (Model != null) {
      foreach (var item in Model.FileCabinetList) {
        <tr>
          <td>
            @Ajax.ActionLink(item, "Index", "SearchMask", new {filecabinet = item}, new AjaxOptions {UpdateTargetId = "_divpartialview", LoadingElementId = "loading_image"})
          </td>
        </tr>
      }
    }
  }
</table>

@RenderBody/RenderPartial() 将在导航栏下方显示列表。

用局部视图更新 div 容器后，它移到导航栏中。

@SearchMask/_SearchMask.cshtml

<div style="height: 500px;">
  <div>
    <div style="height: 500px; width: 330px; float: left; background-color: aqua"></div>
    <div style="height: 500px; width: 330px; float: left; background-color: gray"></div>
    <div style="clear: both;"></div>
  </div>
</div>

如您所见，容器 div (_divpartialview) 在更新后右移到导航栏中。

知道我遗漏了什么或做错了什么吗？

此致

Answer 1

终于自己解决了。

我现在觉得很尴尬，因为它太简单了。它只是一个 css 模板，与 bootstrap css.

发生冲突

由于一些不正确的命名 css 类这是结果。

我对这个有点陌生，所以不要笑我太厉害:D

MVC - 更新局部视图移动 div 容器

MVC - Updating partial view moves div container

html

asp.net-mvc-partialview

asp.net-mvc-4