Question

我在页面中使用Polymer核心列表，显示效果很好，但是当我尝试将此文件用作Polymer自定义元素时，它会显示以下错误： core-list must要么是大小要么是在溢出内：自动div大小。

如何解决这个问题？

Answer 1

因为你的问题不能提供太多信息。你错过了

<polymer-element name="xxx">
  <style>
    :host {
      display: block;
    }
  </style>
  <core-list-dart>
  ...
</polymer-element>

Answer 2

来自core-list documentation：

重要提示：核心列表必须是显式大小或委托滚动到显式大小的父级。通过“明确规模”，我们意味着要么通过类或者具有明确的CSS高度属性集内联样式，或者通过其他布局方式（例如flex或适合）。或者，core-list可以将滚动委托给可滚动的通过设置scrollTarget属性包含列表的元素，并且相同的显式大小要求将适用于该元素。

如果你为元素设置了一个高度属性，你应该好好去。

<polymer-element name="somename">
  <style>
    :host {
      display: block;
    }
    .someclass {
      height:10vh;
    }
  </style>
  <core-list-something class="someclass">
  ...
</polymer-element>

core-list必须大小或者在overflow：auto div中

2 个答案: