一、margin塌陷
1、定义
第一个子元素的上margin会作用于父元素上，最后一个子元素的下margin会作用于父元素上。
2、如何解决
方案一：给父元素设置不为0的padding
方案二：给父元素设置宽度不为0的border
方案三：给父元素设置css样式：overflow：hidden
二、margin合并问题
1、定义
上面兄弟元素的下外边距和下面兄弟的上外边距会合并，取一个最大的值，而不是相加
2、如何解决
无需解决，布局的时候上下兄弟元素，只给一个设置上下外边距就可以了
相关推荐
Csvn16 小时前
CSS :has() 选择器实战：没有它之前我们写了多少冗余 JS用户059540174462 天前
大模型长上下文遗忘排查实录：用 Playwright 自动化测试，揪出了 90% 的存储序列化 bug天蓝色的鱼鱼2 天前
关于 CSS 你可能不知道的属性，但关键时刻很有用用户059540174463 天前
向量库静默丢数据踩坑实录：Playwright 端到端测试让我排查了72小时ZhengEnCi3 天前
Q06-导航按钮高级拟态玻璃效果构建完全指南用户059540174464 天前
Redis持久化踩坑实录：这个数据丢失Bug让我排查了6小时用户059540174465 天前
Redis记忆存储故障恢复测试踩坑实录：手动测试让我漏掉了2个一致性Bug用户059540174465 天前
用了3年Mock，才发现Redis记忆存储的测试一直漏掉了60%的边界场景用户059540174466 天前
用了6个月LangChain，才发现AI Agent的记忆存储一直有坑——写了23个Pytest用例才彻底修好用户059540174466 天前
把LLM记忆测试从手工脚本换成Pytest参数化，回归时间从2小时降到10分钟