如何处理由于该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;
  }