父组件样式不影响子组件

height: 100%; width: 100%

<chartPie2 :dom-id="'domPie'" style="height: 100%; width: 100%" @siteEvent="siteEvent" />

这段代码中的子组件`chartPie2`的`style="height: 100%; width: 100%"`属性将该组件的宽度和高度设置为100%。这意味着该组件将占据其父组件的整个可见区域，包括水平和垂直方向。

这通常用于创建一个全屏组件，例如弹出窗口、对话框或其他需要独占整个视口的组件。通过设置宽度和高度为100%，子组件可以覆盖其父组件的内容，从而使父组件的其余部分不可见。

需要注意的是，如果子组件的父组件也设置了宽度和高度为100%，那么子组件将占据整个页面的可见区域，而不仅仅是一个父组件。因此，在使用这种样式时，需要确保子组件的父组件不会影响子组件的可见性。

父盒子加display: inline-block