Question

我有一个mvc项目，其中有一个布局页面，其中包含一个Header，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>

问题是当我运行项目时，在浏览器中，页脚部分将使自己成为具有类“upPage”的div的子项。但它在布局页面中与此页面无关。我发现CSS或我的代码没有任何问题。这让我疯狂。我做了很多事，但没有一个工作......

Answer 1

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="gridImage">
  <img src="https://pbs.twimg.com/profile_images/616542814319415296/McCTpH_E.jpg" />
  <span class="text">THIS IS GRUMPY CAT!</span>
</div>

CSS：

@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>

我的页脚，改为父

1 个答案: