如何使用uBlock让指定元素铺满浏览器窗口宽度（SuperUser页面实例）

嗨，我来帮你搞定这个问题！你想要让SuperUser的内容区铺满浏览器宽度，同时隐藏那些碍事的侧边栏，对吧？我看了你尝试的规则，问题主要出在元素选择后的样式细节上——很多网站的内容容器会有最大宽度限制，只改width是突破不了这个限制的，咱们来调整成正确的规则：

完整的uBlock规则代码 #

把下面这些代码复制到uBlock Origin的「我的规则」面板里，保存后刷新SuperUser页面就能看到效果：

! 隐藏左侧固定侧边栏
superuser.com##.ps-relative.js-pinned-left-sidebar.left-sidebar
! 隐藏右侧侧边栏
superuser.com##.js-sticky-leftnav.left-sidebar--sticky-container
! 解除内容区的宽度限制，让它铺满窗口并优化排版
superuser.com###content:style(max-width: none !important; width: 100vw !important; margin: 0 auto !important; padding: 0 1rem !important;)
! 同步调整主内容栏的宽度限制（确保父容器不拖后腿）
superuser.com###mainbar:style(max-width: none !important; width: 100% !important;)

规则说明（为什么之前的尝试没生效） #

• 你之前隐藏侧边栏的选择器是对的，但内容区的样式漏掉了max-width: none !important——SuperUser的默认样式给内容容器加了固定的最大宽度，这个属性会直接阻止width:100vw生效，必须先把它去掉；
• 加上padding: 0 1rem是为了避免内容直接贴在浏览器窗口边缘，提升可读性；
• margin: 0 auto是让内容在窗口里保持居中对齐，如果你喜欢完全靠左，可以把这条去掉。

如果还有局部元素（比如你提到的.show-votes）碍事，直接保留你之前的隐藏规则就行：

! 移除碍事的投票显示栏
superuser.com##.show-votes

备注：内容来源于stack exchange，提问作者Ralf_Reddings