Javascript 如何让铯与flexbox布局一起工作？

我有一个布局的例子，我要在

如果你运行小提琴并点击

传单

按钮，一切都很好（谷歌也很好，但我不能发布我的api密钥）

如果单击铯，它似乎不尊重分配给它的flexbox空间。知道如何让铯发挥作用吗

---

注意，您可能需要稍微调整浏览器的大小以显示问题

这是因为flexbox试图保持画布的纵横比有些奇怪（对于铯，这是不必要的，因为它将在下一帧上重新渲染）

这里有一个解决办法。编辑JSFIDLE CSS的顶部，如下所示：

html{
身高：100%；
}
#cesiumContainer.传单容器{
位置：绝对位置；
宽度：100%；
身高：100%；
}

然后，将一条新规则添加到现有的

.app.data.map

块：

.app.data.map{
/*保留现有规则*/
位置：相对位置；
}

这是我的建议

---

这将设置一个父/子关系，其中父flexbox元素已获得一个

位置：relative

，这意味着它的任何“绝对”子元素将绝对定位在它的坐标内（使它们有效地相对于它）。本例中的子元素是

#cesiumContainer

，我们现在对其进行了绝对定位，这与其说是为了获得坐标系的绝对性质，还不如说是为了获得一个副作用，即绝对定位元素的大小不会影响其周围的文档流。这意味着铯的

canvas

元素不能推动flexbox，它必须完全符合我们的要求。

谢谢！这简直快把我逼疯了！