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>

您可以完全自由地布置内容。

在Orchard CMS中实现粘性页脚

1 个答案: