一、margin塌陷
1、定义
第一个子元素的上margin会作用于父元素上，最后一个子元素的下margin会作用于父元素上。
2、如何解决
方案一：给父元素设置不为0的padding
方案二：给父元素设置宽度不为0的border
方案三：给父元素设置css样式：overflow：hidden
二、margin合并问题
1、定义
上面兄弟元素的下外边距和下面兄弟的上外边距会合并，取一个最大的值，而不是相加
2、如何解决
无需解决，布局的时候上下兄弟元素，只给一个设置上下外边距就可以了
相关推荐
Web - Anonymous8 小时前
CSS＋Vue3 + TS + Setup 10种生产级可视化循环动效合集（大屏高端交互、开箱复用）－附完整示例blns_yxl9 小时前
正则驱动实时表单验证（HTML+CSS+JS+正则）思码梁田1 天前
CSS cursor 属性全解析：从“小手“开始，玩转鼠标光标黑土豆1 天前
CSS 新特性：Container Queries 到底能解决什么痛点？思码梁田1 天前
CSS vertical-align 属性详解：表格与图文对齐的实用指南用户059540174462 天前
把记忆存储的回归测试从手工换成 Playwright + GitHub Actions，线上缺陷降低 80%cll_8692418912 天前
一个好看的Wordpress博客文字css样式三翼鸟数字化技术团队2 天前
一种前端大屏适配方案muddjsv2 天前
CSS核心语法精讲：彻底吃透规则结构、选择器与声明规范触底反弹3 天前
一文搞懂 Tailwind CSS 弹性布局：从原理到实战