让一个div居中的3种方式？

1.相对定位：

.father{
	width:400px;
	height:400px;
	background:black;
	position: relative;
	left: 50%;
	margin-left:-200px;
}	

2.margin

CSS 样式：

 .father{
    		width:400px;
    		height:400px;
    		background:black;
    		margin: 0 auto;
    	}	

3.相对定位与位移：

CSS样式：

.father{
		width:400px;
		height:400px;
		background:black;
		position: relative;
		left: 50%;
		transform: translate(-50%)
	}