微信小程序中，高度（height）设置为百分比可能会出现问题，这主要是因为微信小程序的布局系统有所不同，与传统的HTML/CSS布局系统有一些差异。
在传统的HTML/CSS布局系统中，父元素的高度可以直接设置为百分比，从而影响子元素的高度。但是在微信小程序中，这种方式可能会无效。
错误分析
我们先来分析一下为什么这种方法在微信小程序中会无效。首先，我们需要了解微信小程序的布局系统是如何工作的。在微信小程序中，每个页面都是一个独立的容器，它们之间没有直接的父子关系。这意味着，一个页面的高度不能直接影响另一个页面的高度。
其次，微信小程序中的布局系统使用的是Flexbox布局模型，而不是传统的盒式模型。在Flexbox布局模型中，每个元素都是一个flex item，它们可以根据容器的尺寸进行伸缩和排列。这种布局方式使得元素之间的高度关系变得复杂。
解决方案
那么，如何在微信小程序中设置高度为百分比呢？答案是使用`vh`单位代替百分比。`vh`单位代表视觉高度，即设备屏幕的高度的一定比例。这种方式可以让我们轻松地实现高度相对于父元素的百分比效果。
具体来说，我们需要将高度设置为一个数字乘以`vh`单位，如下所示：
```css.father {
height:100vh;
}
.child {
height:50vh;
}
```
在上面的例子中，`.father`元素的高度被设置为设备屏幕的高度的一定比例（100%），而`.child`元素的高度则被设置为父元素高度的一半（50%）。
总结
综上所述，在微信小程序中，使用百分比来设置高度可能会无效。为了解决这个问题，我们可以使用`vh`单位代替百分比，从而实现相对于父元素的高度效果。这是一种简单有效的方法，可以帮助我们轻松地实现高度相对父元素的百分比效果。
参考资料
* 微信小程序官方文档：[布局系统]( Flexbox布局模型：[MDN Web Docs - Flexbox]( `vh`单位：[MDN Web Docs - vh](
