vue3 子元素高度超过100%body只有100%不能一起增大

你可以尝试使用 `overflow: auto` 或 `overflow: scroll` 属性将父元素设为可滚动，这样子元素高度超过父元素时就会出现滚动条，而不会影响到整个页面的高度。

另外，你也可以考虑使用 `max-height` 属性来限制子元素的高度，当子元素高度超过父元素时，会自动隐藏超出部分，并出现滚动条。

举个例子，如果你的父元素为 `.container`，子元素为 `.child`，可以这样设置：

.container {
  height: 100%;
  overflow: auto; /* 或者 scroll */
}

.child {
  max-height: 100%;
}

这样就可以让子元素在超出父元素高度时出现滚动条，而不会撑开整个页面高度。