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

The flex effects are not visible due to absolute positioning. I need the div at the very bottom.

Answer 1

也许你冷尝试使用iron-flex-layout-class来实现绝对定位。

bower_components\iron-flex-layout\iron-flex-layout-classes.html

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

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