小div在大div中垂直居中，以及div在页面垂直居中

<html>
<head>
<title>淘宝 2faner</title>
<style type="text/css">
.big{
800px;
height: 500px;
background: #333;
position:absolute;
left: 50%;
top: 50%;
margin-left:-400px; 
margin-top: -250px;

}
.small{
400px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left:-200px; 
margin-top: -100px;
background: #fff;
}
</style>
</head>
<body>
<div class="big">
<div class="small">
 
</div>
</div>
</body>
</html> 

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/275147378abc/p/5496653.html