元素

scroll-margin 跳转失效需同时设置目标元素的 scroll-margin 和父滚动容器的 scroll-padding，且注意 Safari 对 body 的兼容性差、…

float: none 仅取消元素自身浮动，不修复父容器塌陷、不重置宽高边距；在 flex/grid 中无效；需配合 width、margin 等属性重置才生效，且 clearfi…

opacity指不透明度，是CSS中用于设置元素整体透明程度的属性，取值范围为0.0（完全透明）至1.0（完全不透明），影响元素及其所有子元素的可见性。 opacity 只要父元素…

锚点跳转失效主因是id不匹配或DOM未就绪，非浏览器问题；常见有目标id缺失、大小写错误、元素隐藏、动态内容未渲染、重复id；scrollIntoView可替代且更可控，但需确保D…

header必须包裹h1～h6才有语义价值，单独使用无效；需作为body、article、section等节元素的直接子元素，且每个header须归属明确、含匹配上下文的标题，不可…

DOM结构错位导致z-index失效：检查Elements面板中节点缩进是否跳级、同级元素是否被浏览器移出原容器、非法子元素（如ul内p）或未闭合标签引发的树形错乱。 Elemen…

绝对定位导致父容器高度塌陷、响应式错位、z-index失效，因其使元素脱离文档流；应优先使用flex/grid等流式布局替代。 因为绝对定位会让元素彻底脱离文档流，父容器无法感知其…

旧版Safari渐变灰黑断层是16-bit色深限制所致，需用伪元素+translateZ(0)启用高精度合成层，并弃用rgba/hsla、改用transparent或8位hex，双…