为什么宽度不宽:100%适用于本地dom托管元素?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为什么宽度不宽:100%适用于本地dom托管元素?相关的知识,希望对你有一定的参考价值。

在这个自定义元素中,width: 90%:host中使用时不适用,但如果我将width: 90%应用于section,则适用portfolio-display。为什么是这样?是不是width: 90%是一个阴暗的dom元素,其中section应该适用,因为它是托管元素而不是<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>

display: block;
答案

我想你在:host上缺少section

section工作'因为大多数浏览器显示section { display: block; } 元素

plunker

有关示例,请参阅此qazxswpoi。

以上是关于为什么宽度不宽:100%适用于本地dom托管元素?的主要内容,如果未能解决你的问题,请参考以下文章

css CSS精确中心。负边距正好是高度和宽度的一半,将元素拉回到完美的中心。只适用于

html object-fit属性定义元素如何响应其内容框的高度和宽度。它适用于图像,视频和其他内容

http.ListenAndServe 仅适用于本地主机?

如何在Angular2中获取(DOM)元素的宽度

在IE中,Flex包装器使用flexbox获得100%宽度

Js操作DOM及获取浏览器高度以及宽度