元素的水平垂直居中

元素的水平垂直居中
方法一：
div{
width:200px;
hieght:200px;
background:red;
position:absolute;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-100px;
}

方法二：
div{
width:200px;
hieght:200px;
background:red;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:0 auto;
}