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; 的盒子模型則需要設(shè)置這個(gè) */
}
