<view class='father'>
<view class='son1'>顶部</view>
<view class='son2'>内容自适应</view>
<view class='son3'>底部</view>
</view>
错误分析：设置父元素.father高度为100%无效，子元素高度设置百分比也无效，简易代码如下------
<style>
.father{
height:100%
}
.son1{
height:20%
}
.son2{
height:60%
}
.son3{
height:20%
}
</style>解决方案：文章来源：https://www.toymoban.com/news/detail-525096.html
直接加一个page{height：100%}即可，page是整个页面的父元素，相当于html内的body，适用于所有小程序里的页面文章来源地址https://www.toymoban.com/news/detail-525096.html
到了这里，关于微信小程序高度height设置百分比无效，只需一步搞定的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
