外边距折叠

什么是外边距折叠

• 块级元素的上外边距和下外边距有时会合并为⼀个外边距，其⼤
⼩取其中的最⼤者
• 浮动元素和绝对定位元素的外边距不会折叠

相邻折叠

• 相邻的两个块级元素之间的外边距会合并，取其中最⼤值

嵌套折叠

如果在⽗元素与其嵌套的后代元素间没有边框、内边距、⾏内内
容，也没有创建块格式化上下⽂，⽗⼦外边距会折叠

空块折叠

• 如果⼀个块级元素中不包含任何内容，并且在其 margin-top 与 margin-bottom 之间没有边
框、内边距、⾏内内容、height、min-height 将两者分开，则该元素的上下外边距会折叠

常⻅样式

表格

背景

渐变 linear-gradient

阴影 box-shadow

⾏⾼ line-height

overflow

overflow属性
• hidden 溢出隐藏
• scroll 益出滚动
• auto 浏览器决定
• visible 溢出展示

显示隐藏