核心列表必须调整大小或在溢出：调整大小的自动 div 内答案

【问题标题】：core-list must either be sized or be inside an overflow:auto div that is sized核心列表必须调整大小或在溢出：调整大小的自动 div 内
【发布时间】：2015-06-26 12:52:24
【问题描述】：

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

请问这个问题怎么解决？

【问题讨论】：

你能展示一些你如何使用core-list-dart的代码吗？这是关于 Polymer.js 还是 Polymer.dart？
@GünterZöchbauer 这个问题也与这篇文章有关：stackoverflow.com/questions/29735745/… 检查 cmets 中的代码。感谢您的回复

标签： dom polymer web-component

【解决方案1】：

来自core-list documentation：

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

如果你为你的元素设置了一个 height 属性，你应该很高兴。

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

【讨论】：

【解决方案2】：

因为您的问题没有提供太多信息，只是猜测。你不见了

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

【讨论】：