Css three.js画布在绝对位置不可见

我在position:absolute元素中有一个画布，它有一个由多个对象和一个画布组成的网格

仅当我不将位置应用于主容器时，它才起作用：

查看示例：并尝试使用id='stage'和id='NOstage'查看差异

它的工作原理是：

<div id="NOID">
    <canvas id="c"></canvas>
    <div id="content">  
    </div>
 </div>

---

谢谢你的时间

#content{position:relative；}

将content position更改为relative。谢谢。在本例中，我看到的是对象，而不是标题。我需要与上面的图片完全相同。添加一个

高度

或

底部

值。@sol到哪个元素？像这样的？

<div id="stage">
   <canvas id="c"></canvas>
   <div id="content">  
   </div>
</div>

#stage{
    position: absolute;
    top: 0px;
    width: 900px;
}