表格滚动条不出现是因为overflow不能直接作用于table元素，需将其包裹在div中并设置max-height和overflow-y:auto；表头固定推荐使用position:sticky，但需确保最近滚动祖先为table父容器且无transform等干扰属性。
表格内容超长时滚动条不出现？检查 overflow 作用对象
直接给 <table> 设 <code>overflow: auto 没用——<table> 是替换元素，不支持 <code>overflow 裁剪。真正要加滚动的，是它的父容器。
- 把
<table> 包在一层 <code><div> 里，给这个 <code><div> 设 <code>max-height和overflow-y: auto - 确保
<div> 有明确高度约束（比如 <code>height或max-height），否则滚动条永远不会触发 - 别忘了设
display: block（默认display: table的<div> 容器可能不按预期撑开） <h3>表头固定、内容滚动？用 <code>thead+tbody分离 +display: block原生 HTML 表格不支持表头冻结，得靠 CSS 强制重定义显示行为，但会破坏语义和部分可访问性。
- 给
<thead> 和 <code><tbody> 都设 <code>display: block，再给<tbody> 加 <code>max-height和overflow-y: auto <th> 和 <code><td> 也要统一设 <code>display: table-cell，否则列宽会错乱- 列宽需显式控制（比如用
width或min-width），否则tbody滚动后列对不齐 - 注意：IE 不支持
tbody的overflow，如需兼容，得换 JS 方案（如position: stickyon<th>） <h3> <code>position: sticky实现表头悬浮，但要注意父级限制比改
display更轻量，也更语义化，但生效条件很具体。
wordpress主题：格子商铺主题下载这是易秀购主题网转载的一款原创来至web主题公园的一款wordpress cms主题，非常适合做图片展示，或婚纱摄影类wordpress主题，采用了大气的网格化无缝设计，使列表以格子铺的方式排列，鼠标悬停的可以出现文章的简介。网站上方可以书写自己的广告语，图片也是可以替换掉的，图片会随着鼠标的移动而轻移，并且在鼠标滚动的时候，下面的模块会直接遮盖这个区域，这款wordpress cms主题视觉效果
<th> 必须设 <code>position: sticky; top: 0;，且其**最近的有滚动的祖先**必须是它真正的父容器（比如<thead> 的父 <code><table> 不能是滚动容器） <li>实际中，通常要把整个 <code><table> 放进一个 <code><div style="max-height: 400px; overflow-y: auto;">，然后只给 <code><th> 设 <code>sticky- 必须指定
top值（哪怕top: 0），否则不生效；同时该<th> 父元素不能有 <code>transform、filter或will-change，否则粘性失效 - Firefox 对
sticky在<table> 内的支持较晚，低于 91 版本可能异常 <h3>移动端触摸滚动卡顿？避免在 <code><tbody> 上用 <code>transform有些方案为了“修复”滚动抖动，会给
<tbody> 加 <code>transform: translateZ(0)，但这反而引发新问题。立即学习“前端免费学习笔记（深入）”；
- 加了
transform的元素会创建新的层叠上下文，导致position: sticky失效 - 在 iOS Safari 中，对
<table> 子元素用 <code>transform可能触发渲染 bug，表现为滚动时表头闪烁或错位 - 真要优化滚动性能，优先用
overscroll-behavior: contain阻止滚动穿透，或确保<tbody> 高度计算不依赖 JS 表格上下滚动的核心就两件事：滚动容器得是块级父元素，表头固定得靠 <code>sticky或显式分离thead/tbody。最容易被忽略的是——<table> 本身永远不是滚动主体，所有样式都得往外推一层。</table>
- 加了
- 给
