DIV水平垂直居中的方法

方法一：【absolute + margin:auto】 【兼容性：IE7及以下不兼容】

方法二：【absolute + margin负值】 【最流行的方法】

方法三：【absolute + calc（）方法】【兼容性】

方法四： 【display： flex；】 【让居中元素的父级成flex盒子】【IE9及以下不兼容】

方法五：【transform: translate(-50%,-50%);】translate(-50%,-50%)是以自身的位置移动的