customization - 在 Orchard CMS 中实现粘性页脚

Question

有人可以解释一下粘页脚的方式：

 <div id="container....
  ...content
 </div>
 <div id="footer"....
 </div>

 CSS:
 #container
 {
   height: 100%;
   margin-bottom: -height of footer
 }

可能在 Orchard CMS 中实施？我无法管理的问题是将一些主要内容布局封装在包装器中。目前我有：

 <div id="aside-1 ...
 <div id="layout-navigation
 <div id="layout-main-container
 <div id="layout-footer

所以主要问题是自定义布局渲染。

Answer 1

在 Layout.cshtml 文件中，使用 Display 方法来呈现区域。呈现内容的主要区域是内容区域，您可以像这样呈现：

<div id="container....
  @Display(Model.Content)
 </div>
 <div id="footer"....
 </div>

您还可以定义自己的自定义区域（通过 Theme.txt 清单文件）。例如，在您的 Theme.txt 文件中，定义一个像这样的页脚区域：

Zones: Content, Footer

然后在 Layout.cshtml 中，像这样渲染该区域：

<div id="container....
  @Display(Model.Content)
 </div>
 <div id="footer"....
  @Display(Model.Footer)
 </div>

您对如何布局内容拥有完全的自由。