如何调整phpMyAdmin SQL历史面板高度-phpMyAdmin-PHP中文网

sql历史面板高度异常的根本原因是父容器flex布局或overflow:hidden截断，需同步修改.queryhistorypanel及其祖先链的css：设max-height:none、height:100%、flex:1，并确保无压制规则。

sql 历史面板（queryhistorypanel）默认高度固定、内容溢出时仅显示滚动条，无法随窗口自适应或撑满可用空间——这不是 bug，而是 phpmyadmin 5.x 用 max-height: 300px 硬编码限制了容器高度，且未暴露配置项。直接改 css 是唯一可靠方式，但必须避开 js 动态重写和 flex 布局干扰。

为什么改 `max-height` 后面板仍不伸展？

phpMyAdmin 的历史面板包裹在 .sqlquery 区域内，该区域本身是 position: relative + height: auto，但父级 .container 或 .tabpane 往往设了 overflow: hidden 或 flex: 1，导致子元素即使设了 height: 100% 也无效。

检查 DevTools 中 .queryhistorypanel 的 computed height，若显示 0px 或远小于预期，说明被父容器的 flex 或 overflow 截断
不要只改 .queryhistorypanel，需同步确保其祖先链中无 overflow: hidden、height: 0 或 flex: 0 的压制规则
phpMyAdmin 5.2+ 使用 display: flex 布局组织 tab 内容区，.tabpane .sqlquery 常被设为 flex: 1，但 .queryhistorypanel 默认是 block，需显式设 flex: 1 才能占满

安全修改高度的 CSS 规则（不破坏 JS 行为）

phpMyAdmin 允许通过 $cfg['CustomCSS'] 注入样式，这是最稳妥的方式。避免使用 !important，靠选择器权重和加载顺序即可生效。

btpanel phpsite 宝塔面板PHP网站

宝塔面板 PHP 网站管理：站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

下载

在 custom.css 中添加：

.sqlquery .queryhistorypanel { max-height: none !important; height: 100%; } .sqlquery .queryhistorypanel .history-container { height: 100%; overflow-y: auto; }

若面板仍被截断，追加修复父级 flex 行为：

.tabpane .sqlquery { display: flex; flex-direction: column; } .tabpane .sqlquery .queryhistorypanel { flex: 1; }

禁用默认的硬编码高度（存在于 phpmyadmin/css/common.css）：
```
.queryhistorypanel { max-height: none; }
```
——此规则必须比原始 CSS 加载晚，custom.css 满足该条件

高度异常时的三个高频干扰点

改完 CSS 面板仍显示不全，大概率卡在这三处：

libraries/display_history.lib.php 中的 getHistory() 返回空数组，导致 .queryhistorypanel DOM 节点根本没生成——检查是否启用了 $cfg['QueryHistoryDB'] = true; 且对应数据库表存在
浏览器缩放比例非 100%，某些版本的 phpMyAdmin 会错误计算 clientHeight，导致 JS 初始化时把面板设为 0px；强制重置缩放（Ctrl+0）可验证
使用了第三方主题（如 metro 或 bootstrap 变体），其 CSS 把 .queryhistorypanel 设为 display: none 或 visibility: hidden；用 DevTools 检查 computed styles 中的 display 和 visibility