Применить поле для выполнения позиции CSS

Question

Я использую следующий код CSS, чтобы расположить нижний колонтитул внизу страницы:

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

Можно ли отобразить его немного выше?Добавление margin-bottom: 50px, похоже, не дает эффекта.

обновление: страница будет преобразована в PDF с помощью iText

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