Задать вопрос
@dmtihonow
html

Как прижать футер к нижней части экрана в Polymer?

Подскажите, как прижать footer к нижней части экрана в Polymer? Чтобы при небольшом количестве контента «подвал» всегда оставался внизу. В Polymer'е всё построено flex-блоками, но выравнивание футера к низу что-то не поддаётся.

Может быть уже есть какой-нибудь готовый веб-компонент?

Код:
<body class="fullbleed layout vertical">
  <paper-drawer-panel>
    <paper-header-panel drawer>
      <paper-toolbar fixed></paper-toolbar>
     </paper-header-panel>
     <paper-header-panel main>
       <paper-toolbar fixed></paper-toolbar>
       <main>
         <section class="main-section">
           <paper-material>
             <p>Content</p>
           </paper-material>
         </section>
       </main>
       <footer>
         <p>Footer</p>
       </footer>
     </paper-header-panel>
   </paper-drawer-panel>
</body>

Вот как это выглядит:

f2a14bc9fb55450695cea16c3fbc1b2b.png
  • Вопрос задан
  • 348 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
vixwork
@vixwork
programmer 
<style>
  #mainContainer {
    display: flex;
    flex-direction: column;
  }
</style>
...
<body class="fullbleed layout vertical">
<paper-drawer-panel>
  <paper-header-panel drawer>
    <paper-toolbar fixed></paper-toolbar>
  </paper-header-panel>
  <paper-header-panel main>
    <paper-toolbar fixed></paper-toolbar>
    <main class="flex">
      <section class="main-section">
        <paper-material>
          <p>Content</p>
        </paper-material>
      </section>
    </main>
    <footer>
      <p>Footer</p>
    </footer>
  </paper-header-panel>
</paper-drawer-panel>
</body>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Frontend-разработчик JavaScript
div. • Ставрополь
от 40 000 до 90 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Конвертировать файл в формате mkv в mp4
18 дек. 2024, в 20:01
1 руб./за проект
Веб сервис для печатной мастерской (php+laravel+mysql)
18 дек. 2024, в 19:48
100000 руб./за проект
Отладить код на JavaScript
18 дек. 2024, в 18:35
500 руб./в час
Ещё заказы