uniappscroll-view在小程序显示不正确

我需要在一个界面显示如下效果，tab不动，而下面的内容滑动（滚动显示）。

在页面开发没问题，抽出来做组件，tab就没办法静置了。在Chrome是可以正确显示的，但是在小程序没办法。

 看了一下是overflow:hidden决定了这个显示效果。参考一下如下文章

  css overflow:hidden为什么会失效_.-CSDN博客_overflowhidden失效

但是看上去并没有问题。

昨天开发scroll-view横向滚动也出现这样的问题。最后在父页面加上子组件的width:100%就可以了。

查看h5和小程序的盒模型，很明显在某一个层级的height出现了明显的差异。

所以在父页面加上子组件的height:100%或者是width：100%就可以正确显示了。

深入原因我不太了解。

另外，昨天的横向滚动，在父页面加了page的css样式就不需要加子组件的width:100%了。

貌似是这样。

不太明白。

page{
		height: 100%;
		display: flex;
	}