Как обрабатывать полимерный гибкий макет не применяется в связи с абсолютным позиционированием этого DIV

Question

HTML

<div class="layout horizontal flex around-justified typeArea"> 
    <input is="iron-input" class="typeBox flex-1" > 
    <paper-icon-button icon="polymer" class="pink"></paper-icon-button> 
</div> 

CSS

.typeArea { 
       position: absolute; 
       bottom: 25px; 
       padding: 10px; 
      } 

    .typeBox { 
       padding: 8px; 
      } 

флекс эффекты не являются видимый из-за абсолютного позиционирования. Мне нужно div в самом низу.

Answer 1

Возможно, вы пробовали использовать iron-flex-layout-class для достижения абсолютного позиционирования.

bower_components \ железо-флекс верстки \ железо-флекс-макета classes.html

<dom-module id="iron-positioning"> 

    /* fixed position */ 
    .fixed-bottom, 
    .fixed-left, 
    .fixed-right, 
    .fixed-top { 
    position: fixed; 
    }