js实现子元素撑满容器空间

• 主要原理：
  • 容器固定高度
    • 可以是从其他固定值父元素的百分比单位
      • 此处往往需要结合[use::css实现子元素撑满容器空间]
  • 把子item按需包成若干个块
    • 如划分为 otherTop、otherBottom、contentBlock
    • 目标自适应的块高度 = 容器高度 - 其他item的高度
    • 其中的边距、边框、内边距等都可以通过[use::包裹元素]将这些宽度包进一个更大的容器

适用场景

• 虚拟列表等需要明确指定尺寸的场景

示例

• 祖父元素，设定高度为窗口高度
• 父元素设定为 100% 高度
  • 相当于自上而下固定高度
• 计算itemA和itemB的高度
• 计算父元素的实际高度
• 内容item高度 = 父元素实际高度 - itemA高度 - itemB高度