map组件对flex布局产生影响

按照下图这个方式布局，样式如下：

page {height:100%;} .black {display:flex; flex-flow:column nowrap; height:100%;} .red {width:100%; height:100%;} .red map {width:100%; height:100%;} .purple {flex-shrink:0; flex-shrink:0;}

影响：map组件把 元素.red 的高度撑高了， 导致元素.black超出了100%的高度，页面出现了滚动条，布局出现问题。

如果将 元素.red 中的map组件移除，整个布局是正常的。

试过了给 元素.red 设置最大高度，不起效果。