实现两个盒子嵌套，子盒子如何在父盒子里居中

1.先建立两个嵌套的盒子

/*结构*/

		

				
		

2.在css中设置样式 （在学定位知识之前的做法）

/* 第一种：定位，盒子自身移动50%，然后减去自身宽度的一半 */
			.big{
				width: 700px;
				height: 700px;
				border: 2px solid black;
				position: relative;
			}
			.small{
				width: 200px;
				height: 200px;
				border: 2px solid black;
				position: absolute;
				left: 50%;
				top: 50%;
				margin-top: -100px ;
				margin-left: -100px;
				
			}
/* 第二种：定位，把上下左右方向清0，用margin居中 */
			.big{
				width: 700px;
				height: 700px;
				border: 2px solid black;
				position: relative;
			}
			.small{
				width: 200px;
				height: 200px;
				border: 2px solid black;
				position: absolute;
				left: 0;
				top: 0;
				bottom: 0;
				right: 0;
				margin: auto;
				}
/* 第三种：父盒子高度或者宽度的一半减去子盒子高度或者宽的的一半 */
				.big{
					width: 700px;
					height: 700px;
					border: 2px solid black;
				}
				.small{
					width: 200px;
					height: 200px;
					border: 2px solid black;
					margin-top: 250px;
					margin-left: 250px;		
					}

3.完成