一、margin塌陷
1、定义
第一个子元素的上margin会作用于父元素上，最后一个子元素的下margin会作用于父元素上。
2、如何解决
方案一：给父元素设置不为0的padding
方案二：给父元素设置宽度不为0的border
方案三：给父元素设置css样式：overflow：hidden
二、margin合并问题
1、定义
上面兄弟元素的下外边距和下面兄弟的上外边距会合并，取一个最大的值，而不是相加
2、如何解决
无需解决，布局的时候上下兄弟元素，只给一个设置上下外边距就可以了
相关推荐
吴长建先生重名了20 小时前
用 MinIO 分布式存储模块一次讲清代码重构与整洁代码实cindershade20 小时前
把响应式做成可验证的状态切换：Container Queries 的组件级重构方法平头哥~1 天前
Day 15 | 不改一行 HTML,给页面加上引号、角标和标签平头哥~1 天前
Day 07 _ 那条 1px 的线,为什么在手机上忽粗忽细小江的记录本1 天前
【CSS】CSS 动画：transition、animation、transform、CSS3 新特性（附《思维导图》）梨想橙汁2 天前
CSS Grid 网格布局：二维布局神器，轻松实现复杂网页排版晴天162 天前
CSS 预处理器深度解析-Day35小江的记录本2 天前
【CSS】CSS 核心：盒模型、BFC/IFC、Flex/Grid 布局、响应式布局、移动端适配（附《思维导图》）小江的记录本2 天前
【HTML】HTML5 新特性、语义化标签、浏览器渲染流程（附《思维导图》）ℋᙚᵐⁱᒻᵉ鲸落2 天前
移动端滑动手势冲突：overflow: auto导致外层横向滑动失效