css实现水平垂直居中

一，上效果图

二，代码css。

.box{
		  width: 500px;
		  height: 500px;
		  position: relative;
		  background: red;
	  }
	  .need{
		  position: absolute;
		  margin: auto;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  width: 40px;
		  height: 40px;
		  background: green;
	  }

<div class="box">
		<div class="need">
			
		</div>
	</div>