专题页：样式问题解决记录

制作专题：http://g.made-in-china.com/special/xyxmiandan

1、div撑满整个屏幕

除了static和inherit之外，都可以实现窗口自适应

.div{

    width:100%;

    height:100%;

     position:absolute;

}

或者

.div{

background:rgba(0,0,0,0.4);

position:fixed;

top:0;

right:0;

bottom:0;

left:0;

}

2、postion & transform：translate(-50%,-50%) 实现块元素百分比上下居中

.div{

position:absolute;

left:50%;

top:50%;//针对父元素移动，但代码到这边，不居中

transform:translate(-50%,-50%) ;.

//transform里面是百分比数据，会以本身的长宽做参考。子div的上中心点会移动到父级div的中心点

}