实现body下div水平且垂直居中css

css 实现如下：

第一种： 主要使用 transform 属性

第二种： 同样使用 transform 属性

第三种：使用 top, margin, padding 属性组合

第四种：使用 margin：0 auto（水平居中） 和 position: fixed;

扩展：

（1）transform是css3的属性，包括：

translate() 移位，

rotate() 旋转，单位：deg

skew() 倾斜，单位：deg

scale() 缩放，放大为正数，缩小为负数

这些属性均包含x，y之分。

比如 transform：translate(10px，10%),可以分开去写：transform：translateX（10px）translateY（10%）；

支持情况：Internet Explorer 10、Firefox、Opera 支持 transform 属性。

（2）position:fixed

fixed绝对定位，相对于浏览器窗口