设置组件高度100%不生效问题

时间:2024-04-04 22:46:49

有时我们设置组件的高度为100%,结果设置之后发现高度并不是100%,比如下图,我们可以看到在此处container设置了100%的高度,但是并没有生效。

设置组件高度100%不生效问题

设置组件高度100%不生效问题

这是因为class="container"的这个组件虽然height设置成100%的高度,但是100%,是相对于父元素的100%,因此我们需要再设置page元素的height为100%,才能保证container设置的100%height生效,如下图:

设置组件高度100%不生效问题