我可以将window.screen属性重新分配给div吗？

Question

我想构建一个Chrome扩展程序，该扩展程序将注入到每个页面中，并在页面呈现之前加载，它添加了页眉和侧面框架，并在页面标题内容区域内正常呈现了页面...使用位置的任何CSS：绝对，顶部，左侧，右侧等将引用到内容区域，而不是实际屏幕...

我知道清单许可权，并尝试仅追加主体innerHTML，但是当然不会覆盖所有其他元素的绝对位置，并且在呈现后手动修改每个元素的css是不明智的。 ..

          function containerStyles() {
            return `
              <style>
                *{margin:0;}
                #container1{
                  height: 100%;
                  width: 100%;
                  border: 1px solid green;
                  overflow: hidden;
                }

                #container2{
                  width: 100%;
                  height: 99%;
                  border: 1px solid blue;
                  overflow: auto;
                  padding-right: 15px;
                }

                html, body{
                  height: 99%;
                  border: 1px solid red;
                  overflow:hidden;
                }
              </style>
            `;
          }

          function chromeDashboard() {
            return `
              asdf
            `;
          }



          var html = document.getElementsByTagName("html")[0];
          html.innerHTML = `

            ${containerStyles()}

            ${chromeDashboard()}

            <div id="container1"><div id="container2">
              ${html.innerHTML}
            </div></div>

          `;

我希望上面的代码存在错误，只是问是否有人已经知道该怎么做，谢谢！