我想在每次访问网站时屏蔽网站上的特定元素，并且我想在需要时对给定网页上的任何元素执行此操作。此外，我希望删除元素后释放的空间可用于显示更多网站内容。
例如，假设我想隐藏 Stackoverflow 上的侧边栏（id =“sidebar”）并让内容（id =“content”）自动填充其右侧的释放空间（例如通过居中）。
我还想让网站上的广告横幅被遮挡，并利用空间让网站显示更多内容
我一直在搜索 AdBlock、NoScript 和 Ghostery 扩展，它们阻止并填充所有“Facebook Like”、“Google +1”等释放的空间。但我无法告诉它们专门阻止一个给定元素并让另一个元素取代其释放的位置来扩展自身。
如果可能的话，我该如何实现？
我也接受 Google Chrome 的答案，即使我正在寻找 Firefox 的答案，我最好接受“部分”解决方案，例如仅阻止给定元素而不让其他元素占用释放的空间（我认为这可能是不可能的）。
答案1
最初我发布了扩展 Yarip，认为它可以完成你想要的功能。正如 JohnKiller 指出的那样，在很多情况下，由于他提到的宽度/边距问题，它无法完成工作。
Firebug + Firediff（导出更改）+ Stylish（使更改持久化）绝对是最佳选择。我能够在很短的时间内确定需要删除侧边栏并按您的需要重新排列文本。
我添加了一个时尚的样式片段来处理侧边栏，这样您就可以看到它是多么简单。所有要更改的值都是用 firebug 找到的。
@-moz-document domain(superuser.com), domain(stackoverflow.com) {
#sidebar, .sidebar {
visibility: hidden
}
#mainbar, .mainbar {
width: 980px
}
.question-summary {
width: 980px
}
.narrow .summary {
width: 799px
}
}
请注意，这仅适用于主页。您将添加一些更改以使问答页面看起来正确。
话虽如此，如果您真的不想深入研究 CSS（Firebug 使这变得非常容易），您可以尝试另一个扩展：HackTheWeb。这允许您删除 div 并扩展和重新排列其他 div 以进行补偿，只需几次击键，无需修改 CSS。如果您想保存更改，您仍然需要安装扩展 Stylish。请注意版本限制（如 HackTheWeb 页面上所述），以使您的更改持久化。
老实说，我认为你会花很多时间摆弄它，试图让它完成你想要的东西，因为它没有像 Firebug 那样修改所有属性的能力。我试过了——如果不深入研究并在 Stylish 中手动编写规则，它在 Stack Overflow 上肯定不会那么好用。
如果你选择使用它，这里有一个按键指南。
答案2
采用一种通用的、在任何地方都适用的方法，是不可能实现这一点的。
您只能使用像 Greasemonkey 这样的工具并编写针对特定站点的脚本，然后相应地调整宽度。
这是因为页面中的其他项目通常都设置了“宽度”来适应您想要删除的项目的存在（如果布局是流动的，则设置“边距”）。