网站后台文章添加功能显示不全

后台文章添加页显示不全，先别急着怪浏览器。这个问题我最近一个月碰到三次，两次是前端布局被挤坏，一次是权限字段没渲染出来。表面看都是“右边少一块”“保存按钮点不到”“摘要框只露半截”，但根子不在同一个地方。下面按我实际排查的顺序说，尽量让你少走弯路。

先确认现象范围。问清楚是只有一个人这样，还是整个编辑部都这样；是只有文章添加页，还是列表页、设置页也缺；是刚改过后台模板后出现，还是一直存在。这个信息很关键。如果只有一个人出现，优先看浏览器缩放、缓存、插件；如果所有人都这样，基本是模板或组件升级引起。上周有个客户反馈“发布按钮被遮住”，他们编辑部六个人里只有两个人有问题，一查，一个是浏览器缩放125%，另一个装了广告拦截插件把后台某个浮层脚本拦了。把缩放调回100%、无痕模式打开，问题就消失了。1366×768的笔记本在125%缩放下，实际可用视口只有1093×614，后台左侧菜单再占220px，中间内容区很容易被压到800px以下，固定宽度的表单右侧就溢出到屏幕外。

接着按F12看元素。不要只看页面表面，选中显示不全的区域，看它的父容器有没有`overflow:hidden`、固定`height`、`max-height`，以及`z-index`是不是被侧边栏盖住。很多后台模板的内容区写了`height: calc(100vh - 60px)`，但顶部导航实际高度是64px，富文本编辑器一加载，底部工具栏就顶出可视区。还有一种是`position:absolute`的发布面板，父级没有设置`position:relative`，窗口一窄就跑到屏幕右边。控制台如果有红色报错，比如某个JS文件404、`Uncaught TypeError`，先解决报错，因为脚本中断后后面的布局初始化不会执行，字段自然显示一半。网络面板看接口返回，如果文章字段接口是200但页面只渲染出标题，说明数据拿到了、前端渲染丢了，重点查字段循环和权限判断。

再看后台版本和插件。现在很多CMS后台用layui、Element UI、Ant Design，组件升级后CSS命名冲突很常见。我遇到过一次，新装的统计插件往全局塞了一个`.card{overflow:hidden}`，把文章编辑页的卡片容器高度锁死，富文本工具栏被裁掉。停用插件后立刻恢复。还有编辑器本身的问题：UEditor、TinyMCE、wangEditor在容器宽度小于600px时工具栏会换行，换行后高度算错，底部保存区被推到屏幕外。解决办法不是硬调高度，而是给编辑区外层加`min-width:720px`和横向滚动，或者把侧边栏改成可折叠。后台文章页不是展示页，宁可出现横向滚动条，也别把关键按钮藏起来。

权限和字段配置也容易漏。有些系统按角色控制字段显示，管理员能看到全部，编辑角色只看到一部分。如果某个字段容器写了`display:none`但没留占位，下面的字段会整体上移，看起来像“少了一块”。让开发查一下当前角色的字段权限表，对比管理员账号就能确认。缓存问题也别忽略，后台模板改了但CDN或浏览器缓存还是旧CSS，强制刷新`Ctrl+F5`，或者看CSS文件URL有没有版本号。我们统计过，后台显示类问题里大约六成是布局和缩放，两成是插件冲突，一成半是权限字段，剩下一成是缓存和接口异常。这个比例不一定通用，但排查顺序可以照搬：先无痕模式换浏览器，再F12看布局和报错，然后停插件、查权限、清缓存，最后才动模板代码。

真要改代码，优先做响应式而不是写死宽度。内容区用`min-width`配合`overflow-x:auto`，发布面板改成`position:sticky`或固定底部栏，富文本容器高度用`flex:1`加`min-height:320px`，别用`height:100%`套多层。改完在1366×768、1920×1080和125%缩放下各看一遍，基本就能覆盖大多数办公场景。后台是天天要用的工具，显示不全不是小毛病，它直接卡住发文流程，早点按这个顺序查，通常半小时内能定位。