一、margin塌陷
1、定义
第一个子元素的上margin会作用于父元素上，最后一个子元素的下margin会作用于父元素上。
2、如何解决
方案一：给父元素设置不为0的padding
方案二：给父元素设置宽度不为0的border
方案三：给父元素设置css样式：overflow：hidden
二、margin合并问题
1、定义
上面兄弟元素的下外边距和下面兄弟的上外边距会合并，取一个最大的值，而不是相加
2、如何解决
无需解决，布局的时候上下兄弟元素，只给一个设置上下外边距就可以了
相关推荐
Mr Xu_2 小时前
前端开发中CSS代码的优化与复用：从公共样式提取到CSS变量的最佳实践Lee川4 小时前
CSS盒模型实战：用代码透视 `border-box`与 `content-box`的天壤之别哈里谢顿9 小时前
CSS 入门完全指南：从零构建你的第一个样式表. . . . .10 小时前
CSS 编写与管理范式 - Tailwind和CSS-in-JSRFCEO1 天前
前端编程 课程十六、：CSS 盒子模型夏幻灵1 天前
CSS三大特性：层叠、继承与优先级解析会编程的土豆2 天前
新手前端小细节珹洺2 天前
Bootstrap-HTML（二）深入探索容器，网格系统和排版BillKu2 天前
VS Code HTML CSS Support 插件详解1024小神2 天前
用css的clip-path裁剪不规则形状的图片展示