将边距应用到正在运行的 CSS 位置

Question

我使用以下 CSS 代码将页脚放置在页面底部：

<style type="text/css">
    @page {
        @bottom-center { content: element(footer); }
    }
    #footer {position: running(footer);}
</style>

有没有办法将其显示得稍高一些？添加 margin-bottom: 50px 似乎没有效果。

更新：页面将使用 iText 转换为 PDF

Answer 1

我终于设法让它与以下CSS一起工作：

    <style type="text/css">
      @page { 
          margin-bottom: 100px;
          @bottom-center { 
            content:element(footer);
          }
      }

    #footer {
      position: running(footer);
    }
</style>

以前，我只尝试将margin-bottom添加到@bottom-center和#footer。

Answer 2

为此，您通常使用：

#footer {
  position: absolute;
  bottom: 50px;
}

jsFiddle 示例