为什么宽度不宽：100％适用于本地dom托管元素？

Question

在此自定义元素中，width: 90%在:host中使用时将不适用，但如果我将width: 90%应用于section，portfolio-display将适用。为什么是这样？ width: 90%应该是section应该应用的阴影dom元素，因为它是托管元素而不是<dom-module id="portfolio-display"> <style> :host { height: 60%; transition: box-shadow 0.2s ease-out; } section { width: 90%; background-color: #5a7785; } .big { height: 100px; width: 100px; } </style> <template> <section> <div onclick="page('/portfolio')" class="vertical layout"> <div> 吗？

int count = Convert.ToInt32(Math.Round(numericUpDown1.Value, 0));
updateCount(count);

Answer 1

我认为您遗失了display: block;上的:host。

section有效且导致大多数浏览器使用

显示section个元素

section { 
    display: block;
}

有关示例，请参阅此plunker。