VS Code Markdown预览中表格滚动需用div容器包裹并设overflow:auto，因table不响应max-height；表单标签则完全不渲染，仅作纯文本显示。
表格内容超出容器时滚动条不出现
VS Code 本身不渲染 HTML 表格，你看到的“表格”大概率是 Markdown 预览（Ctrl+Shift+V）或某个扩展（如 Markdown Preview Enhanced）生成的 DOM。原生 Markdown 不支持自定义滚动，所以直接写 <table> 也不会自动加滚动条——它只是流式布局，撑开父容器而已。
实操建议：
- 在 Markdown 文件里用 HTML
<div style="overflow:auto"><table>...</table></div>包一层（仅对支持内联样式的预览器有效，比如Markdown Preview Enhanced） - 如果用的是默认 Markdown 预览，它会忽略
style属性，此时必须换扩展或改用其他方式 - 别试图给
<table>直接加style="max-height:300px;overflow:auto"——<table>是替换元素，不响应max-height，必须包在块级容器里
Markdown Preview Enhanced 中表格滚动失效
这个扩展默认禁用内联样式（安全策略），所以即使写了 <div style="overflow:auto">，也可能被过滤掉，表现为滚动条完全不出现、内容被裁切或溢出无反应。
实操建议：
- 打开设置：
Ctrl+,→ 搜索markdown-preview-enhanced→ 找到Enable inline html并勾选 - 重启预览窗口（关掉再重新
Ctrl+Shift+V） - 确认 div 宽度设为
width:100%，否则可能因计算错误导致横向滚动不触发 - 示例写法：
<div style="overflow:auto;width:100%;max-height:400px"> <table> <tr><td>A</td><td>B</td></tr> </table> </div>
用 CSS 注入强制生效（适合长期写文档）
如果你频繁需要表格滚动，靠每次手写 <div style=...> 很累，而且容易漏。更稳的方式是注入自定义 CSS，让所有 <table> 自动带滚动容器。
实操建议：
- 找到 VS Code 的用户 CSS 注入路径：菜单 →
Help→Developer Tools→ 控制台输入require('electron').app.getPath('userData')，复制路径后拼上/markdown.css - 在该路径下新建
markdown.css，写入：body .markdown-preview table { display: block; max-height: 300px; overflow: auto; } - 注意：这个规则只对
.markdown-preview下的<table>生效，不影响代码块里的表格；display:block是关键，否则max-height无效 - 重启 VS Code 或重新打开预览页才能生效
表单（form）在 Markdown 里根本不会渲染
标题里提到“表格表单”，但得说清楚：VS Code 的 Markdown 预览器（包括所有主流扩展）**完全不解析或执行 <form>、<input> 等交互标签**。它们会被当成纯文本或直接过滤掉。你看到的只是源码，不是可操作表单。
实操建议：
- 别在 Markdown 里写
<form>期望它能提交或响应事件——它不会工作 - 如果真要调试表单，用独立 HTML 文件 + Live Server 扩展，在浏览器中打开
- 如果只是想“展示”表单结构，用代码块：
```html <form> <input type="text"> </form> ```
这样至少能看清结构
表格滚动的本质是控制容器尺寸和溢出行为，不是表格自己决定的；而表单在 Markdown 预览里压根没机会运行——这两点最容易被当成“功能缺陷”去折腾配置。
