一、margin塌陷
1、定义
第一个子元素的上margin会作用于父元素上，最后一个子元素的下margin会作用于父元素上。
2、如何解决
方案一：给父元素设置不为0的padding
方案二：给父元素设置宽度不为0的border
方案三：给父元素设置css样式：overflow：hidden
二、margin合并问题
1、定义
上面兄弟元素的下外边距和下面兄弟的上外边距会合并，取一个最大的值，而不是相加
2、如何解决
无需解决，布局的时候上下兄弟元素，只给一个设置上下外边距就可以了
相关推荐
刃神太酷啦3 天前
前端入门第一课：HTML 基础语法 + 常用标签 + 实战全解扶苏10024 天前
CSS 图标换色指南：用 brightness / invert / mask 把任意图片改成想要的颜色我命由我123454 天前
CSS - CSS 媒体查询 orientationzhanghaha13144 天前
HTML系列教程：18_HTML / CSS 颜色零基础详解Aaswk4 天前
从 HTML/CSS/JS 到 Vue + Axios 的一篇实战笔记xieliyu.5 天前
前端基础:常见CSS选择器用法cll_8692418917 天前
WordPress Single Post 文章页美化：响应式表格、图片优化与自动悬浮 Table of Contents（CSS + JS）愛芳芳7 天前
基于 Electron + Vue3 的仿 PC 微信客户端项目实战feixing_fx7 天前
伪类与伪元素的魔法：纯 CSS 打造炫酷的按钮悬停特效Peter-Code8 天前
微前端避坑指南：主应用与子应用的高度及滚动条协调