Javascript 立方体网格未在指定的div中绘制

我在场景中绘制了一个圆环体和立方体网格，我希望立方体位于屏幕的右下角，所以我这样做：

<div style="position: absolute; bottom: 0px; right:0px; width: 100px; text-align: center; ">
     <script>
         var cube = new THREE.Mesh(new THREE.CubeGeometry(50,50,50),
         new THREE.MeshBasicMaterial({color: 0x000000}));
         scene.add(cube);   
     </script>
</div>

JavaScript代码：

<div id="share">

#share  {

             border: 1px solid black; /* or none; */
             margin: 20px;
             padding: 0px;
             width: 200px;
             height: 200px;
             position: absolute;
             right: 0px;
             bottom: 0px;

             }

<script>
        //dom
        var container2=document.getElementById('share');
        //renderer
        var renderer2 = new THREE.CanvasRenderer();
        renderer2.setSize(200,200);
        container2.appendChild(renderer2.domElement);
        //Scene
        var scene2 = new THREE.Scene();
        //Camera
        var camera2 = new THREE.PerspectiveCamera(50,200/200,1,1000);
        camera2.up=camera.up;
        scene2.add(camera2);
        //Axes
        var axes2= new THREE.AxisHelper();
        scene2.add(axes2);
        //Add Cube
        var cube = new THREE.Mesh(new THREE.CubeGeometry(50,50,50),
               new THREE.MeshBasicMaterial({color: 0x000000}));
        scene2.add(cube);
        //

        renderer2.render(scene2,camera2);

        </script>

//多姆
var container2=document.getElementById（'share'）；
//渲染器
var renderer2=新的三个.CanvasRenderer（）；
渲染器2.设置大小（200200）；
container2.appendChild（渲染器2.DomeElement）；
//场面
var scene2=new THREE.Scene（）；
//摄像机
var camera2=新的三透视照相机（50200/200,11000）；
camera2.up=camera.up；
场景2.添加（摄像机2）；
//斧头
var axes2=new THREE.AxisHelper（）；
场景2.添加（axes2）；
//添加多维数据集
var cube=新的三网格（新的三立方测量法（50,50,50），
新的3.MeshBasicMaterial（{color:0x000000}））；
场景2.添加（立方体）；
//
渲染器2。渲染（场景2，摄影机2）；

我把div放在了正确的位置，但是多维数据集不在那里，在web控制台中一切正常，我没有发现任何错误。你能告诉我遗漏的地方吗？

---

您仍然可以在live here上看到它：

您可以通过以下示例小提琴来做您想做的事情：

---

另请参见相关帖子：

Hi，thanx获取您的回复，实际上我按照您的建议进行了第一个链接，并修改了我的代码，但多维数据集未放置在右侧的

div

，请查看我的更新帖子。您需要设置

camera2.position.z=100

并将以下内容添加到

render（）

函数的底部：

cube.rotation.y+=0.01；渲染器2。渲染（场景2，摄影机2）