Polymer 纸盒面板使Y滚动条不滚动到视口底部

使用

纸盒面板时，视口不正确。如第一个屏幕截图所示，Y滚动条按其应有的状态出现……但视口的底部不等于Y滚动条的末端/底部。在其他方面，仍有一部分内容未显示而被隐藏

如果移除
纸盒面板
，则一切正常，Y滚动条将滚动到视口底部

这在index.html中

坏-带
纸盒面板
：


在没有看到live页面的情况下，您很可能有一个高度：100%；对于您的内容区域，当其应为高度时：calc（100%-Xpx）；其中X是页眉的高度。
如果没有看到活动页面，则很可能有一个高度：100%；对于您的内容区域，当其应为高度时：calc（100%-Xpx）；其中X是收割台的高度

  <template is="dom-bind" id="app">
    <paper-drawer-panel force-narrow="true">
      <div drawer>
        <drawer-custom></drawer-custom>
      </div>
      <div main>
        <div id="header-v-center">
          <paper-icon-button id="paper-toggle" icon="menu" paper-drawer-toggle>
          </paper-icon-button>
          <div id="header-text-middle">SPICES OF THE WORLD</div>
          <div id="header-text-right">A SPECIAL EDITION! </div>
        </div>
        <div id="video-player-header" onclick="page('/home')" style="display: none">
          <div>
            <iron-icon icon="icons:arrow-back"></iron-icon>
          </div>
        </div>
        <video-selection></video-selection>
        <video-player></video-player>
      </div>
    </paper-drawer-panel>
  </template>

  <template is="dom-bind" id="app">
      <div main>
        <div id="header-v-center">
          <paper-icon-button id="paper-toggle" icon="menu" paper-drawer-toggle>
          </paper-icon-button>
          <div id="header-text-middle">SPICES OF THE WORLD</div>
          <div id="header-text-right">A SPECIAL EDITION! </div>
        </div>
        <div id="video-player-header" onclick="page('/home')" style="display: none">
          <div>
            <iron-icon icon="icons:arrow-back"></iron-icon>
          </div>
        </div>
        <video-selection></video-selection>
        <video-player></video-player>
      </div>
  </template>