Question

我在paper-header-panel内有一个body。内容比标题低100％（添加fit类）。在chrome（版本48. * 64bit）中，由于高度自动设置为0px，内容div中的div会重叠。在更新到v48之前，一切正常。我已经检查了Chromium，Firefox，歌剧和野生动物园，它正在按预期工作。如果我调整窗口大小，一切都会得到修复。我认为这是因为iron-resize-behavior。我可以通过手动设置每个内部div的高度来解决这个问题，但是我无法弄清楚这背后的原因是什么，铬/聚合物填充物无法跟上浏览器更改的错误。

在Firefox中

在chrome中

＆＃13;

<!DOCTYPE html>
<html>

<head>

    <title>Template me</title>

    <script src="https://rawgit.com/webcomponents/webcomponentsjs/master/webcomponents.js"></script>

    <base href="http://polygit.org/components/">
    <link rel="import" href="polymer/polymer.html">
    <link rel="import" href="paper-elements/paper-elements.html">
    <link rel="import" href="iron-elements/iron-elements.html">
    <link rel="import" href="gold-email-input/gold-email-input.html">

</head>

<body class="fullbleed layout vertical">

  
    
  <paper-header-panel class="flex">
    <paper-toolbar>
      <div>Hello World!</div>
    </paper-toolbar>
    <div class="fit layout vertical">
        <div class="horizontal layout">
          <div class="flex">Item One left</div>
          <div>Item One right</div>
        </div>
        <div class="horizontal layout">
          <div class="flex">Item Two left</div>
          <div>Item Two right</div>
        </div>
    </div>
 </paper-header-panel>
  

</body>

</html>

＆＃13;

内容纸张标题面板内部与铬重叠

0 个答案: