Firefox Linux(KDE)下标题栏按钮被截断，position: fixed失效求替代方案

在Linux KDE Plasma版Firefox中启用隐藏标题栏后，标题栏控制按钮（最小化、最大化、关闭）会嵌入到菜单栏右侧，但当窗口宽度不足时，这些按钮会和菜单栏其他元素一起被截断，体验很差。你尝试用position: fixed没效果，是因为Firefox的浏览器UI层（chrome）采用了XUL布局系统，常规的CSS fixed定位在这里会被内部规则限制，无法生效。

下面是两种可行的解决方法：

方法一：相对+绝对定位固定按钮位置 #

给菜单栏设置相对定位，让按钮容器相对于菜单栏绝对定位在右上角，确保始终可见：

#toolbar-menubar {
  position: relative !important;
  display: flex !important;
}

.titlebar-buttonbox-container {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 999 !important; /* 避免被其他工具栏元素遮挡 */
}

方法二：用Flex布局强制按钮不被压缩 #

通过调整菜单栏的Flex属性，让按钮容器永远不被压缩，同时将菜单栏内容和按钮分置两端：

#toolbar-menubar {
  display: flex !important;
  justify-content: space-between !important;
  overflow: visible !important;
}

.titlebar-buttonbox-container {
  flex-shrink: 0 !important; /* 禁止按钮容器被压缩 */
}

注意事项 #

• 确保你已经在about:config中将toolkit.legacyUserProfileCustomizations.stylesheets设置为true，否则userChrome.css不会生效。
• 如果使用方法一，可能需要根据你的菜单栏高度微调top属性，确保按钮垂直居中。

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