定位的居中

position定位的上下左右居中

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="yi">
			<div class="er"></div>
		</div>
	</body>
</html>
<style>
	.yi{
		height:500px;
		500px;
		background:pink;
		margin:30px auto;
		position: relative;
	}
	.er{
		height:200px;
		200px;
		background: #008000;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
	}
</style>

　　

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