1：margin: 0 auto；水平居中
2：html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.content {
width: 300px;
height: 300px;
background: orange;
margin: 0 auto;/*水平居中*/
}
3：img {
display: block;
margin-left: auto;
margin-right: auto;
}
4：.parent{
position: relative;
}
.child{
position: absolute;
top:50%;
height:100px;
margin-top: -50px;/* 如果没有使用: border-box; 的盒子模型则需要设置这个 */
}
