移除div.p-tab_rail后，如何让div.p-client_workspace__layout占据其空间？

你不需要提前保存Tab Rail的任何数据，直接通过调整主布局容器的CSS样式就能让div.p-client_workspace__layout填充原本Tab Rail占据的空间。以下是修改后的完整代码：

// 移动控制条到左侧
const strip = document.querySelector('div.p-control_strip');
const workspaceSwitcher = document.querySelector('div.p-workspace_switcher_prototype');
workspaceSwitcher.appendChild(strip);
strip.style.left = '0px';

// 移除Tab Rail
const tabRail = document.querySelector('div.p-tab_rail');
if (tabRail) tabRail.remove();

// 调整主布局，填充空白区域
const workspaceLayout = document.querySelector('div.p-client_workspace__layout');
if (workspaceLayout) {
  // 清除布局左侧的留白（根据实际样式调整，可能是padding或margin）
  workspaceLayout.style.paddingLeft = '0';
  workspaceLayout.style.marginLeft = '0';
  // 设置布局宽度为100%，确保填满可用空间
  workspaceLayout.style.width = '100%';
  
  // 检查父容器是否有flex布局限制，调整flex属性让布局自动扩展
  const parentContainer = workspaceLayout.parentElement;
  if (parentContainer) {
    parentContainer.style.flex = '1 1 auto';
  }
}

补充说明 #

• 如果上述代码调整后仍有空白，打开Slack DevTools选中div.p-client_workspace__layout，查看它的原始CSS属性（比如是否有flex-basis、max-width等限制），针对性修改样式即可
• 若频道列表（div.p-channel_sidebar）也有宽度限制，可添加document.querySelector('div.p-channel_sidebar').style.width = '100%'来让频道列表填满空间

内容的提问来源于stack exchange，提问作者chx