Question

我正在尝试向 youtube 中注入一些html和CSS，以在右侧创建一列，以将网站中的所有内容推到左侧。基本上，我想做的事情类似于Inspect Tool在Chrome中所做的事情。

这是针对chrome扩展程序的，因此我现在拥有的代码如下：

background.js：

...
chrome.tabs.executeScript(null, {file: 'column.js'});
chrome.tabs.insertCSS(null, {file: 'column.css'});  
...

column.js：

var div = document.createElement("div");
div.id = 'column';
document.body.appendChild(div);

column.css：

#column {
  background-color: black;
  position: absolute;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: auto; 
}

但这只是在网页上方创建一列，而不是将所有内容都推入。

Answer 1

如何将body的宽度减小为#column的宽度。

#column {
    background-color: black;
    position: fixed;
    right: 0;
    width: 20%;
    top: 0;
    bottom: 0;
    z-index: 1;
}

body {
   width: 80%;
}

如何将列插入网页

1 个答案: