Css 仅当动态生成组件时，渲染器顶部的THREE.js html才起作用

在网站中使用THREE.js时，每当我创建如下元素时：

<p style='color:white;position:absolute;left:10px;top:10px;'></p>

它把它放在我想要的地方

---

感谢您的帮助

我恐怕无法用这把小提琴复制：。如您所见，

元素位于渲染器画布的顶部。我恐怕无法使用此小提琴进行复制：。如您所见，

元素位于渲染器画布的顶部。

var sun = document.createElement('div');
sun.className = 'sun';
sun.id = 'sun';
sun.style.right = window.innerWidth/2+'px';
sun.style.top = '100px';
sun.style.position = 'absolute';