css 常用的绝对定位元素水平垂直居中的方法

两种方法都能够实现：

1.

div {
  height:80%; /*一定要设置高度*/ 　overflow:hidden;/*建议设置*/
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

2.

div{
   position: absolute;
   width: 80%;
   height: 60%;
   padding: 2%;
   top: 50%;
   left: 50%;
   margin-left: -41%;  /* (width + padding)/2 */
   margin-top: -31%;  /* (height + padding)/2 */
}