页面内容被小窗口遮挡了

你把页面放大一下啊

官网的资料页面中总是有“top”和“联系我们”这两个小窗口，严重遮挡正文，如何把这两个小窗口去掉或者移动位置？或者怎么去掉左边的目录区？让文档正文在整个区域显示？现在左边有个目录区，占用用了很大的空间，正文全部到了右边，和两个小窗口重叠l

## 根因

H3C 文档中心网页自带`TOP`悬浮返回顶部浮层，属于网页前端组件。浏览器缩放比例、窗口尺寸不合适时，悬浮窗固定在页面上，叠加覆盖正文文字，属于网页前端兼容性问题，不是文档损坏。

## 方案（按简单到复杂排序）

### 方案 1：调整浏览器缩放（最快优先试）

快捷键：

- Chrome/Edge：`Ctrl + 减号`缩小页面缩放比例；或者`Ctrl+加号`放大页面。

>
> 缩放改变页面布局，TOP 悬浮窗位置会移动，避开文字区域。
> 也可以直接缩小浏览器窗口宽度，页面自适应重排，浮层位置偏移。

### 方案 2：滚动页面，避开悬浮窗

稍微上下滚动页面，改变文字位置，让被遮挡文字移开 TOP 浮层区域。

### 方案 3：浏览器 F12 开发者工具，直接删除 TOP 悬浮元素（永久清除浮层）

1. 网页按 F12 打开开发者工具；
2. 左上角点击元素选择箭头（选取页面元素）；
3. 鼠标点一下页面上的 TOP 遮挡框；
4. 选中对应的 div 节点，右键`delete element`直接删除该 TOP 悬浮组件，页面不会再显示这个遮挡窗口。

>
> 刷新页面后会复原，适合临时阅读文档。

### 方案 4：下载 PDF 原版白皮书，彻底避开网页浮层（推荐长期查阅）

网页在线版容易出现前端布局 bug。H3C 白皮书一般配套 PDF 版本：

1. 在文档页面查找【下载】按钮，下载 WP-29645 白皮书 PDF；
2. PDF 阅读器打开，没有网页悬浮 TOP 遮挡，阅读稳定。

### 方案 5：更换浏览器测试

原浏览器出现布局异常，切换 Edge、Chrome，不要用老旧 IE 浏览器。IE 对 H3C 文档网页兼容性差，更容易出现悬浮窗错位遮挡。

## 补充小技巧

- 打印预览：`Ctrl+P`唤起打印预览，预览界面一般不会渲染 TOP 悬浮浮层，可以直接看完整文档内容。
- 弹窗只会在网页版存在，PDF 无此问题。

## 常见误区

❌不是文档本身损坏；不是网页加载不全。是前端 TOP 悬浮组件定位错位叠加文字。

一句话总结：优先用`Ctrl +/-`缩放页面移动 TOP 浮层；想根治阅读，下载白皮书 PDF 版本，完全规避网页悬浮遮挡问题。

浏览器有缩放功能的