根本原因是浏览器默认样式与行内/块级渲染差异导致视觉错觉；ul有默认外边距，li块级但含inline内容时行高、基线等影响空隙感，且旧重置常漏ul/ol的padding-inline-start。 为什么 li 之间看起...

使用::before插入文字时需设display为block或inline-block并配white-space:normal或pre-wrap，同时设置width/max-width，content中换行需用\A或pre-...

Bootstrap 5+ 的 shadow 类通过 shadow-{size}（如 shadow-sm、shadow、shadow-lg）直接添加 class 实现阴影，需元素有尺寸且未被 overflow: hidden...

float导致后续元素重叠是因为浮动元素脱离文档流使父容器高度塌陷；清除方法首选display: flow-root（现代标准），次选overflow: hidden（兼容性好），老旧项目可用伪元素clearfix。 为...

ios 系统（尤其是 ios 14+）已移除对 `::-webkit-scrollbar` 的支持，因此纯 css 自定义滚动条在 iphone 上完全失效；本文解析根本原因，并提供符合移动端设计规范的实用替代方案。 在...

box-sizing: border-box 能统一跨浏览器盒模型计算方式，使 width/height 始终包含 padding 和 border；推荐全局设置 *, *::before, *::after { box-s...

多列布局错位首要检查box-sizing是否统一，content-box与border-box混用会导致宽度计算偏差；其次确认float布局中清除浮动和列宽总和≤100%；最后优先采用flex替代float以提升健壮性。...

应优先使用rgba或hsla设置背景透明度，避免opacity导致内容整体变淡；若背景图遮挡文字，需检查background-image的尺寸、位置及是否设置背景色兜底。 背景颜色覆盖内容，通常不是因为 backgroun...

ios 系统自 ios 14 起已彻底移除对 `::-webkit-scrollbar` 的支持，因此基于 css 的传统自定义滚动条在 iphone 上无效；本文详解原因、替代方案及轻量级 javascript 实现思...

同时修改 width 和 transform 会抖动，因 width 触发 layout 重排，transform 走合成层，二者冲突破坏合成帧；应仅用 transform（如 scale、translate）和 opaci...