我的页脚，更改它 parent

Question

我有一个 mvc 项目，其中有一个布局页面，其中包含页眉、RenderBody()、页脚和一些脚本。像这样：

<body class="main">
  <div class="header">...</div>
  @RenderBody()
  <div class="footer">...</div>
</body>

我有一个包含两个部分的具有此布局的页面。像这样：

@model Entity.Models.Photo
@{
   Layout = "~/Views/Shared/_mainLayout.cshtml";
 }
<div class="upPage">

   <div id="upPhoto">
      @Html.Partial("~/Views/_upPhotoContainer.cshtml", Model)
   </div>

   @Html.Partial("~/Views/_uploadBox.cshtml")
</div>

问题是当我运行项目时，在浏览器中页脚部分将自己作为 div 的 child 和 class 'upPage'.但它在布局页面中，与此页面无关。我找不到 CSS 或我的代码有任何问题。这让我疯狂。我做了很多事情，但 none 成功了...

Answer 1

如果您确定您包含的所有内容都已正确关闭，那么我只能使用 clearfix 来考虑这一点，这通常可以帮助我在通过 PHP 添加元素时放错位置。也可能对你有帮助：

@model Entity.Models.Photo
@{
   Layout = "~/Views/Shared/_mainLayout.cshtml";
 }
<div class="upPage">

   <div id="upPhoto">
      @Html.Partial("~/Views/_upPhotoContainer.cshtml", Model)
   </div>

   @Html.Partial("~/Views/_uploadBox.cshtml")

   <!-- HERE -->
   <div class="clear"></div>
</div>

CSS:

  .clear{
      clear: both;
      height: 0px;
   }

我的页脚，更改它 parent

My footer, changes it parent

html

css

model-view-controller

footer