一、margin塌陷
1、定义
第一个子元素的上margin会作用于父元素上，最后一个子元素的下margin会作用于父元素上。
2、如何解决
方案一：给父元素设置不为0的padding
方案二：给父元素设置宽度不为0的border
方案三：给父元素设置css样式：overflow：hidden
二、margin合并问题
1、定义
上面兄弟元素的下外边距和下面兄弟的上外边距会合并，取一个最大的值，而不是相加
2、如何解决
无需解决，布局的时候上下兄弟元素，只给一个设置上下外边距就可以了
相关推荐
康一夏3 小时前
CSS盒模型（Box Model） 原理炫饭第一名3 小时前
Lottie-web 源码解析（一）：从 JSON Schema 认识 Lottie 动画的本质📒be or not to be4 小时前
Html-CSS动画@Autowire5 小时前
Grid-grid-template-areas 属性吴敬悦19 小时前
我被 border-image 坑了一天，总算解决了ashcn20011 天前
水滴按钮解析Java陈序员1 天前
告别手写礼簿！一款开源免费的电子红白喜事礼簿系统！winfredzhang1 天前
从零构建：基于 Node.js 的全栈视频资料管理系统开发实录加个鸡腿儿2 天前
经验分享2：SSR 项目中响应式组件的闪动陷阱与修复实践华仔啊2 天前
写 CSS 用 px？这 3 个单位能让页面自动适配屏幕