网页内容整体偏移

[loveaeen]

介绍

兄弟们，小弟想开发一个自用的 chrome extension 。 类似于侧边栏一样的内容，整理如下

场景

为了让侧边栏不遮挡原始网站内容，所以想让网站整体的 body 向右偏移 70px

样式

对 body 采用了多种方案，如：margin-left,left,translateX(70px)

问题

1. body 样式偏移了，但是某些网站，比如斗鱼，虎牙，youtube ，的左侧导航栏却依然停留在页面最左侧。
2. 当我采用 translateX(70px) 时，斗鱼，虎牙网站成功便宜，但是 Youtube 的导航栏却因为偏移直接不可见了，而且鼠标移动到视频上预览时，小窗格被再次偏移。

疑问

请问如果遇到这种样式问题，我该如何解决，有通用的解决方案么？

[RRRSSS]

Chrome extension 这种就没办法做到通用在所有网站上，因为每个站点的样式都大大不同，尤其是 position 、z-index 这种属性设置得也都不同，你插入的 DOM 被会被网站已有内容盖住。

除非，你在几个热点网站上分辨域名，一个个去做兼容，不过就太费时间了。

[sq955]

套个 iframe 行吗