关于#微信小程序#的问题：微信小程序设置高度100%不生效，设置固定定位高度100%就生效的原理是什么

微信小程序设置高度100%不生效，设置固定定位高度100%就生效的原理是什么？

.main {
  width: 100%;
  height:100%;
  background-color: red;
  position: fixed;//生效了
}

因为 你设置的是百分比单位 。百分比单位 ，是相对单位 。 你得有个参照 。你设置 定位 不管什么定位 都能生效 relative相对定位 也不生效 。固定定位、绝对定位 都可以。

html 里 你给body,html都设置 100%，100% 不加定位也可以

position: fixed;//生效了
这个最外层，整个区域
没有这个的话是相对于上一层，你可以设置width 100vw;height 100vh.这样也是100%