父组件样式不影响子组件

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值