敲代码的树先生

摘要： 【常见方法对比】 方法是否占据空间是否可交互是否触发重绘/回流典型场景 display:none ❌ 不占空间 ❌ 不可交互 回流+重绘 完全移除元素（菜单切换、Tab 切换） visibility:hidden ✅ 占空间 ❌ 不可交互 重绘 保留布局避免抖动 opacity:0 ✅ 占空间 ✅ 阅读全文

摘要： 1️⃣ 什么是 Margin 塌陷 【现象】 两个垂直方向相邻的块级盒子(兄弟或父子)之间的margin 会合并为其中的最大值，而不是两者相加。【影响】 兄弟元素：上下margin合并为其中的最大值 父子元素：如果父元素没有padding 或 border，子元素的 margin-top会 透过 父 阅读全文