Javascript 基于父视图移动/调整子浏览器视图的大小

我正在尝试在electron中创建一个应用程序，以便在指定位置加载子浏览器窗口。
当父对象移动或调整大小时，我希望子对象更新其相对于父对象的位置和大小。 注意，在MacOS中，这似乎是通过父/子关系自动完成的

我添加了一些代码来监听div元素的边界框，但这不是相对于屏幕的实际位置，即它不支持多个坐标空间（监视器）

是否需要在另一个浏览器窗口中嵌入browserwindow，或根据应用程序中div的位置进行更新

在下图中，我希望子浏览器窗口覆盖白色矩形

---

我觉得自己很愚蠢！使用BrowserView而不是BrowserWindow并设置视图（）

您知道它如何使其行为类似于

webview

/

flex

，从而填充窗口的剩余空间吗？