动态创建的webview不填充空间

Question

我正在使用WebGL和Three.js构建Chrome打包应用程序，目标是为3-D浏览器制作原型。我正在使用CSS3D渲染器将动态创建的webview元素渲染到Three.js平面上。我在创建iframe元素时已经开始工作，但当我使用webview时，我得到以下结果：

我用来创建webview的代码是：

var webview = document.createElement('webview');
webview.setAttribute('src', 'url erased to protect identity');
webview.style.width = '100%';
webview.style.height = '100%';
element.appendChild(webview);

其中element是div元素，可以适当缩放以适合平面。

如何使webview元素拉伸以填充父div？

编辑： Chrome webview height issue答案中显示的方法对我没有明显影响。

编辑2：我查看Why can't I make my div 100% height的答案并查看了它。真正奇怪的是，开发人员工具为什么它不起作用甚至不显而易见。以下是显示页面的开发人员工具的屏幕截图：

在我看来，Chrome认为webview占据了整个空间。老实说，我不明白这里发生了什么。非常感谢任何解释。