一、写在前面
根据w3c规范,两个margin产生折叠的必备条件:
1、必须处于常规文档流(不能是浮动和定位)的块级盒子,并且处于同一个BFC当中。
2、没有线盒,没有空隙,没有padding和border将他们分割。
3、都处于垂直方向相邻的外边距。
二、例子
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content=