盒子模型

			.box1{
				width: 100px;
				height: 100px;
				margin: 100px 200px;
				border: 1px solid red;
				padding: 100px 200px;
			}
			.box2{
				width: 100px;
				height: 100px;
				margin: 100px 200px;
				border: 1px solid red;
				padding: 100px 200px;
			}

两个盒子

设置的高度和宽度都是100px，形成的长方形是500px  300px，说明padding加上宽度高度才是border‘的宽度高度；

然后，上下两个长方形之间的距离是100px；说明margin上下的两个会有重合；

也就是说如果一个元素在浏览器中有100px的空间，那这100px要分给内容 padding border宽度 margin；