關(guān)鍵點(diǎn)：
1、父級(jí)相對(duì)定位，子級(jí)絕對(duì)定位励幼。
2、子級(jí)的left和top值均設(shè)置為50%
3口柳、設(shè)置子級(jí)width和height
4苹粟、子級(jí)的margin：1/2height 0 0 1/2width(margin-top 0 0 margin-left)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#father{
width:300px;
height: 400px;
position:relative;
background: green;
}
#son{
width:100px;
height:200px;
position: absolute;
left: 50%;
top: 50%;
margin: -100px 0 0 -50px;
background: yellow;
}
</style>
</head>
<body>
<div id="father">
<div id="son"></div>
</div>
</body>
</html>
結(jié)果如圖：
Paste_Image.png
