本文介绍在受限的 innerHTML 环境中（如在线评测系统），如何利用 position: fixed 绕过父元素 overflow: hidden 的裁剪限制，使签名图标自由溢出显示。
本文介绍在受限的 innerhtml 环境中（如在线评测系统），如何利用 `position: fixed` 绕过父元素 `overflow: hidden` 的裁剪限制，使签名图标自由溢出显示。
在类似在线判题系统的封闭 HTML 注入场景中，用户仅能控制 signature 字符串内容，该字符串将被赋值给 elem.innerHTML，而 elem 本身会被插入到一个带 style="position:relative; overflow:hidden" 的父容器中——这意味着常规的 absolute 定位仍受其裁剪，无法溢出。
核心解决方案：使用 position: fixedfixed 定位使元素脱离文档流，直接相对于视口定位，完全绕过父级 overflow: hidden 的限制。只需在签名中内联声明该样式，即可生效：
<code class="html"><i style="position:fixed;top:10px;right:20px;" class="loading icon">Student Signature</i></code>
⚠️ 注意事项：
-
fixed元素会脱离原有布局，建议配合top/right/z-index精确控制位置； - 若需多签名共存，应避免
top/left冲突，可动态计算偏移或使用z-index分层； - 部分老旧浏览器对
fixed在 iframe 内支持不佳，但现代主流环境均兼容； - 字符数严格受限时（≤80 字符），优先保留
style="position:fixed"和必要类名，省略冗余属性。
✅ 最终精简有效签名示例（78 字符）：<i style="position:fixed;top:5px;right:10px" class="loading icon">Sig</i>
此方案不依赖 DOM 操作、不修改父元素、不触发 XSS 过滤（纯内联样式），是符合约束条件的可靠解法。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
